hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Adding cluster menu colors

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-08-21 09:24:58 +03:00
parent 5670312c47
commit 19e9cc3799
4 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/components/cluster-manager/clusters-menu.scss
View File

@ -5,7 +5,8 @@
position: relative; position: relative;
text-align: center; text-align: center;
padding: $spacing; padding: $spacing;
background: var(--clusters-menu-bgc); background: $clusterMenuBackground;
border-right: 1px solid $clusterMenuBorderColor;
.is-mac & { .is-mac & {
padding-top: $spacing * 2; padding-top: $spacing * 2;
@ -47,11 +48,9 @@
.Icon { .Icon {
border-radius: $radius; border-radius: $radius;
padding: $padding / 3; padding: $padding / 3;
color: var(--clusters-menu-bgc) !important; color: $addClusterIconColor;
background: white !important; background: #ffffff55;
font-weight: bold;
cursor: pointer; cursor: pointer;
opacity: 0.4;
&.active { &.active {
opacity: 1; opacity: 1;
@ -59,7 +58,7 @@
&:hover { &:hover {
box-shadow: none; box-shadow: none;
opacity: .75; background: #ffffff;
} }
} }

3
src/renderer/themes/kontena-dark.json
View File

@ -90,6 +90,9 @@
"drawerSubtitleBackground": "#373a3e", "drawerSubtitleBackground": "#373a3e",
"drawerItemNameColor": "#87909c", "drawerItemNameColor": "#87909c",
"drawerItemValueColor": "#a0a0a0", "drawerItemValueColor": "#a0a0a0",
"clusterMenuBackground": "#252729",
"clusterMenuBorderColor": "#252729",
"addClusterIconColor": "#252729",
"boxShadow": "#0000003a", "boxShadow": "#0000003a",
"iconActiveColor": "#ffffff", "iconActiveColor": "#ffffff",
"iconActiveBackground": "#ffffff22", "iconActiveBackground": "#ffffff22",

5
src/renderer/themes/kontena-light.json
View File

@ -26,7 +26,7 @@
"sidebarBackground": "#e8e8e8", "sidebarBackground": "#e8e8e8",
"buttonPrimaryBackground": "#3d90ce", "buttonPrimaryBackground": "#3d90ce",
"buttonDefaultBackground": "#414448", "buttonDefaultBackground": "#414448",
"buttonAccentBackground": "#3b4148", "buttonAccentBackground": "#e85555",
"buttonDisabledBackground": "#808080", "buttonDisabledBackground": "#808080",
"tableBgcStripe": "#f8f8f8", "tableBgcStripe": "#f8f8f8",
"tableBgcSelected": "#f4f5f5", "tableBgcSelected": "#f4f5f5",
@ -91,6 +91,9 @@
"drawerSubtitleBackground": "#f1f1f1", "drawerSubtitleBackground": "#f1f1f1",
"drawerItemNameColor": "#727272", "drawerItemNameColor": "#727272",
"drawerItemValueColor": "#555555", "drawerItemValueColor": "#555555",
"clusterMenuBackground": "#e8e8e8",
"clusterMenuBorderColor": "#c9cfd3",
"addClusterIconColor": "#8d8d8d",
"boxShadow": "#0000003a", "boxShadow": "#0000003a",
"iconActiveColor": "#ffffff", "iconActiveColor": "#ffffff",
"iconActiveBackground": "#a6a6a694", "iconActiveBackground": "#a6a6a694",

5
src/renderer/themes/theme-vars.scss
View File

@ -110,6 +110,11 @@ $chartStripesColor: var(--chartStripesColor);
$chartCapacityColor: var(--chartCapacityColor); $chartCapacityColor: var(--chartCapacityColor);
$pieChartDefaultColor: var(--pieChartDefaultColor); $pieChartDefaultColor: var(--pieChartDefaultColor);
// Cluster Menu
$clusterMenuBackground: var(--clusterMenuBackground);
$clusterMenuBorderColor: var(--clusterMenuBorderColor);
$addClusterIconColor: var(--addClusterIconColor);
// Misc // Misc
$boxShadow: var(--boxShadow); $boxShadow: var(--boxShadow);
$iconActiveColor: var(--iconActiveColor); $iconActiveColor: var(--iconActiveColor);