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 // 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.ensureFileSync(outputCssFile);
fs.writeFile(outputCssFile, content); fs.writeFile(outputCssFile, content);

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

@ -37,7 +37,7 @@
align-self: center; align-self: center;
.LineProgress { .LineProgress {
color: var(--lensBlue); color: var(--blue);
} }
} }
@ -46,7 +46,7 @@
align-self: center; align-self: center;
.LineProgress { .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; align-self: center;
.LineProgress { .LineProgress {
color: var(--lensBlue); color: var(--blue);
} }
} }
@ -63,7 +63,7 @@
align-self: center; align-self: center;
.LineProgress { .LineProgress {
color: var(--lensMagenta); color: var(--magenta);
} }
} }

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

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

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

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

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

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

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

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

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

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

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

@ -21,18 +21,18 @@
.Slider { .Slider {
.track { .track {
background: var(--lensBlue); background: var(--blue);
} }
.thumb { .thumb {
background: var(--lensBlue); background: var(--blue);
&.activated, &.jumped, &.focused { &.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{ &: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", "layoutBackground": "#2e3136",
"layoutTabsBackground": "#252729", "layoutTabsBackground": "#252729",
"layoutTabsActiveColor": "#ffffff", "layoutTabsActiveColor": "#ffffff",
"layoutTabsLineColor": "#87909c80",
"sidebarBackground": "#36393e", "sidebarBackground": "#36393e",
"sidebarLogoBackground": "#414448", "sidebarLogoBackground": "#414448",
"sidebarActiveColor": "#ffffff", "sidebarActiveColor": "#ffffff",
@ -126,6 +127,7 @@
"radioActiveBackground": "#36393e", "radioActiveBackground": "#36393e",
"menuActiveBackground": "#36393e", "menuActiveBackground": "#36393e",
"menuSelectedOptionBgc": "#36393e", "menuSelectedOptionBgc": "#36393e",
"canvasBackground": "#24292e",
"scrollBarColor": "#5f6064", "scrollBarColor": "#5f6064",
"settingsBackground": "#262b2e", "settingsBackground": "#262b2e",
"settingsColor": "#909ba6", "settingsColor": "#909ba6",

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

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

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

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