rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved card and button contrast

Browse source
This commit is contained in:
Joel Collins 2020-03-30 14:48:23 +01:00
parent 92af62c293
commit 08b29fa916
1 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/assets/less/theme.less
View file

@ -20,6 +20,9 @@
@global-primary-background: #C32280;
@inverse-primary-muted-color: lighten(@global-primary-background, 15%);
@inverse-global-color: fade(@global-inverse-color, 80%);
@global-border: #c5c5c5;
// UIkit
// ========================================================================
@ -201,11 +204,16 @@
border-top: 1px solid rgba(0, 0, 0, 0.075);
}
.uk-card-default {
color: @global-color;
}
.hook-inverse() {
// Override background colour in dark mode
.uk-card-default {
background-color: #2a2a2a !important;
color: @inverse-global-color;
}
// Lighten on hover to show depth in dark mode
@ -278,6 +286,11 @@ a:hover {
border-radius: 2px;
}
.uk-button-default {
background-color: rgba(180, 180, 180, 0.10);
border-color: @global-border;
}
.uk-button-danger {
background-color: transparent;
color: #f0506e;