1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

add css variable changing for 'clusters-menu-bgc'

Signed-off-by: Sebastian Malton <smalton@mirantis.com>
This commit is contained in:
Sebastian Malton 2020-07-30 16:38:21 -04:00
parent cf5b3b4ea6
commit 957bb6b062
6 changed files with 6 additions and 7 deletions

View File

@ -11,9 +11,6 @@
} }
:root { :root {
--mainBackground: #1e2124;
--textColorPrimary: #87909c;
--clusters-menu-bgc: #252729;
--main-layout-header: 40px; --main-layout-header: 40px;
} }
@ -80,7 +77,7 @@ hr {
} }
h1 { h1 {
color: white; color: $textColorAccent;
font-size: 28px; font-size: 28px;
font-weight: 300; font-weight: 300;
letter-spacing: -.010em; letter-spacing: -.010em;

View File

@ -5,7 +5,7 @@
position: relative; position: relative;
text-align: center; text-align: center;
padding: $spacing; padding: $spacing;
background: var(--clusters-menu-bgc); background: $clusters-menu-bgc;
.is-mac & { .is-mac & {
padding-top: $spacing * 2; padding-top: $spacing * 2;
@ -46,7 +46,7 @@
.Icon { .Icon {
border-radius: $radius; border-radius: $radius;
padding: $padding / 3; padding: $padding / 3;
color: var(--clusters-menu-bgc) !important; color: $clusters-menu-bgc;
background: white !important; background: white !important;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;

View File

@ -15,7 +15,6 @@
> .content-col { > .content-col {
margin-right: $spacing; margin-right: $spacing;
background-color: var(--clusters-menu-bgc);
border-radius: $radius; border-radius: $radius;
> .error { > .error {

View File

@ -12,6 +12,7 @@
"textColorPrimary": "#87909c", "textColorPrimary": "#87909c",
"textColorSecondary": "#a0a0a0", "textColorSecondary": "#a0a0a0",
"textColorAccent": "#ffffff", "textColorAccent": "#ffffff",
"clusters-menu-bgc": "#252729",
"borderColor": "#4c5053", "borderColor": "#4c5053",
"borderFaintColor": "#373a3e", "borderFaintColor": "#373a3e",
"mainBackground": "#1e2124", "mainBackground": "#1e2124",

View File

@ -12,6 +12,7 @@
"textColorPrimary": "#555555", "textColorPrimary": "#555555",
"textColorSecondary": "#51575d", "textColorSecondary": "#51575d",
"textColorAccent": "#333333", "textColorAccent": "#333333",
"clusters-menu-bgc": "#afafaf",
"borderColor": "#c9cfd3", "borderColor": "#c9cfd3",
"borderFaintColor": "#dfdfdf", "borderFaintColor": "#dfdfdf",
"mainBackground": "#f1f1f1", "mainBackground": "#f1f1f1",

View File

@ -7,6 +7,7 @@ $primary: var(--primary);
$textColorPrimary: var(--textColorPrimary); $textColorPrimary: var(--textColorPrimary);
$textColorSecondary: var(--textColorSecondary); $textColorSecondary: var(--textColorSecondary);
$textColorAccent: var(--textColorAccent); $textColorAccent: var(--textColorAccent);
$clusters-menu-bgc: var(--clusters-menu-bgc);
$borderColor: var(--borderColor); $borderColor: var(--borderColor);
$borderFaintColor: var(--borderFaintColor); $borderFaintColor: var(--borderFaintColor);
$colorSuccess: var(--colorSuccess); $colorSuccess: var(--colorSuccess);