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

added missing colors to dark lens theme

Browse Source 
Signed-off-by: Roman <ixrock@gmail.com>
This commit is contained in:
Roman 2021-11-15 13:56:06 +02:00
parent 178433ea65
commit 8431c48c99
12 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/build_theme_vars.ts
View File

@ -42,6 +42,6 @@ ${themeCssVars.join("\n")}
`;
// Run
console.info(`"Saving css-variables for Lens theme to "${outputCssFile}""`);
console.info(`"Saving default Lens theme css-variables to "${outputCssFile}""`);
fs.ensureFileSync(outputCssFile);
fs.writeFile(outputCssFile, content);

4
src/renderer/components/+nodes/nodes.scss
View File

@ -37,7 +37,7 @@
align-self: center;
.LineProgress {
color: var(--lensBlue);
color: var(--blue);
}
}
@ -46,7 +46,7 @@
align-self: center;
.LineProgress {
color: var(--lensMagenta);
color: var(--magenta);
}
}

4
src/renderer/components/+workloads-pods/pod-details-list.scss
View File

@ -55,7 +55,7 @@
align-self: center;
.LineProgress {
color: var(--lensBlue);
color: var(--blue);
}
}
@ -63,7 +63,7 @@
align-self: center;
.LineProgress {
color: var(--lensMagenta);
color: var(--magenta);
}
}

4
src/renderer/components/checkbox/checkbox.scss
View File

@ -23,7 +23,7 @@
.Checkbox {
--checkbox-color: var(--textColorPrimary); // tick color [√]
--checkbox-color-active: var(--contentColor);
--checkbox-bgc-active: var(--lensBlue);
--checkbox-bgc-active: var(--blue);
flex-shrink: 0;
@ -32,7 +32,7 @@
// default
}
&-light {
--checkbox-color-active: var(--lensBlue);
--checkbox-color-active: var(--blue);
--checkbox-bgc-active: none;
}
}

2
src/renderer/components/drawer/drawer-param-toggler.scss
View File

@ -28,7 +28,7 @@
cursor: pointer;
.param-link-text {
color: var(--lensBlue);
color: var(--blue);
text-decoration: underline;
}
}

2
src/renderer/components/drawer/drawer.scss
View File

@ -67,7 +67,7 @@
}
.drawer-title {
background: var(--lensBlue);
background: var(--blue);
color: var(--drawerTitleText);
padding: $padding $padding * 2.5;
word-break: break-all;

2
src/renderer/components/icon/icon.scss
View File

@ -26,7 +26,7 @@
--big-size: 32px;
--color-active: var(--iconActiveColor);
--bgc-active: var(--iconActiveBackground);
--focus-color: var(--icon-focus-color, var(--lensBlue));
--focus-color: var(--icon-focus-color, var(--blue));
display: inline-flex;
flex-shrink: 0;

4
src/renderer/components/layout/sidebar-item.scss
View File

@ -42,7 +42,7 @@
}
&.active, &:hover {
background: var(--lensBlue);
background: var(--blue);
color: var(--sidebarActiveColor);
}
@ -56,7 +56,7 @@
border-left: $borderSize solid transparent;
&.active {
border-left-color: var(--lensBlue);
border-left-color: var(--blue);
}
> .SidebarItem {

8
src/renderer/components/slider/slider.scss
View File

@ -21,18 +21,18 @@
.Slider {
.track {
background: var(--lensBlue);
background: var(--blue);
}
.thumb {
background: var(--lensBlue);
background: var(--blue);
&.activated, &.jumped, &.focused {
box-shadow: 0 0 0 $unit * 2 rgba(var(--lensBlue), 0.16)!important;
box-shadow: 0 0 0 #{$unit * 2} var(--blue) !important;
}
&:hover{
box-shadow: 0 0 0 $unit rgba(var(--lensBlue), 0.16);
box-shadow: 0 0 0 $unit var(--blue);
}
}
}

2
src/renderer/themes/lens-dark.json
View File

@ -23,6 +23,7 @@
"layoutBackground": "#2e3136",
"layoutTabsBackground": "#252729",
"layoutTabsActiveColor": "#ffffff",
"layoutTabsLineColor": "#87909c80",
"sidebarBackground": "#36393e",
"sidebarLogoBackground": "#414448",
"sidebarActiveColor": "#ffffff",
@ -126,6 +127,7 @@
"radioActiveBackground": "#36393e",
"menuActiveBackground": "#36393e",
"menuSelectedOptionBgc": "#36393e",
"canvasBackground": "#24292e",
"scrollBarColor": "#5f6064",
"settingsBackground": "#262b2e",
"settingsColor": "#909ba6",

2
src/renderer/themes/lens-light.json
View File

@ -127,8 +127,8 @@
"radioActiveBackground": "#f1f1f1",
"menuActiveBackground": "#e8e8e8",
"menuSelectedOptionBgc": "#e8e8e8",
"scrollBarColor": "#bbbbbb",
"canvasBackground": "#24292e",
"scrollBarColor": "#bbbbbb",
"settingsBackground": "#ffffff",
"settingsColor": "#555555",
"navSelectedBackground": "#ffffff",

2
src/renderer/themes/theme-vars.css
View File

@ -23,6 +23,7 @@
--layoutBackground: #2e3136;
--layoutTabsBackground: #252729;
--layoutTabsActiveColor: #ffffff;
--layoutTabsLineColor: #87909c80;
--sidebarBackground: #36393e;
--sidebarLogoBackground: #414448;
--sidebarActiveColor: #ffffff;
@ -126,6 +127,7 @@
--radioActiveBackground: #36393e;
--menuActiveBackground: #36393e;
--menuSelectedOptionBgc: #36393e;
--canvasBackground: #24292e;
--scrollBarColor: #5f6064;
--settingsBackground: #262b2e;
--settingsColor: #909ba6;