rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix dark mode colors

This commit is contained in:
Neil MacDougall 2021-08-09 15:34:09 +01:00
parent 98c658f5eb
commit f23db377a0
3 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/styles/base/_color.scss
View File

@ -20,7 +20,7 @@
.text-disabled, .text-muted { .text-disabled, .text-muted {
// color: mix($mid-grey, $light-grey); // color: mix($mid-grey, $light-grey);
color: $mid-grey; color: $text-muted;
} }
.text-primary { .text-primary {

5
app/styles/pages/_host.scss
View File

@ -207,11 +207,6 @@
.driver { .driver {
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
position: relative; position: relative;
max-width: 190px; max-width: 190px;
margin-right: 14px; margin-right: 14px;

12
app/styles/themes/_dark.scss
View File

@ -1,8 +1,8 @@
//** Background color for `<body>`. //** Background color for `<body>`.
$body-bg : $black; $body-bg : #1b1c21;
//** Global text color on `<body>`. //** Global text color on `<body>`.
$text-color : mix($mid-grey, $light-grey); $text-color : #ffffff;
$text-muted : darken($mid-grey, 20%); $text-muted : lighten($mid-grey, 20%);
$primary : $primary; //button non state $primary : $primary; //button non state
$primary-dark : darken($primary, 20%); $primary-dark : darken($primary, 20%);
@ -39,7 +39,7 @@ $accent-bg : $accent-two;
$accent-border : rgba($light-grey,.05); $accent-border : rgba($light-grey,.05);
/*footer*/ /*footer*/
$footer : darken($black, 20%); $footer : darken(#1b1c21, 20%);
// Horizontal line color. // Horizontal line color.
@ -50,13 +50,13 @@ $shadow : rgba(black, .75);
//table variables //table variables
$table-bg : rgba($dark-grey, .7); $table-bg : rgba($dark-grey, .7);
$table-header : $body-bg; $table-header : #141419;
$table-nested-header : $black; $table-nested-header : $black;
$table-bg-accent : rgba($mid-grey, .1); $table-bg-accent : rgba($mid-grey, .1);
$table-bg-hover : rgba($info, .25); $table-bg-hover : rgba($info, .25);
$table-bg-active : $table-bg-hover; $table-bg-active : $table-bg-hover;
$table-bg-selected : rgba($info, .20); $table-bg-selected : rgba($info, .20);
$table-border-color : darken($mid-grey, 30); $table-border-color : #4a4b52;
$table-body-separation : 50px; $table-body-separation : 50px;
$table-body-separation : 25px; $table-body-separation : 25px;
$group-row-height : 50px; $group-row-height : 50px;