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

Minor theming tweaks

Browse source
This commit is contained in:
Joel Collins 2019-06-12 10:57:51 +01:00
parent 8500d545f9
commit e1a9f7625e
1 changed files with 51 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -125,6 +125,11 @@
@inverse-global-color: fade(@global-inverse-color, 80%); @inverse-global-color: fade(@global-inverse-color, 80%);
@inverse-global-muted-color: fade(@global-inverse-color, 60%); @inverse-global-muted-color: fade(@global-inverse-color, 60%);
//
// Paper
//
@paper-border-radius: 4px;
/* ======================================================================== /* ========================================================================
Theme Theme
@ -153,6 +158,51 @@
@navbar-nav-item-line-background: currentColor; @navbar-nav-item-line-background: currentColor;
@navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-line-transition-duration: 0.3s;
.uk-navbar-dropdown.uk-open {
border-radius: @paper-border-radius;
}
/*
* Cards
*/
.uk-card {
border-radius: @paper-border-radius;
}
.uk-card-media-top img {
border-radius: @paper-border-radius @paper-border-radius 0 0;
}
.uk-card-default .uk-card-footer {
border-top: 1px solid rgba(180, 180, 180, 0.25);
}
.uk-card-primary .uk-card-footer {
border-top: 1px solid rgba(0, 0, 0, 0.075);
}
.hook-inverse() {
// Override background colour in dark mode
.uk-card-default {
background-color: #2a2a2a !important;
}
// Lighten on hover to show depth in dark mode
.uk-card-default:hover {
transition: background-color @animation-fast-duration ease;
background-color: #333 !important;
}
}
/*
* Modal
*/
.uk-modal-dialog {
border-radius: @paper-border-radius;
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
transition: 0.3s ease !important;
}
/* /*
* Links * Links
@ -173,13 +223,7 @@
.uk-button { .uk-button {
border-radius: 2px; border-radius: 2px;
} }
/*
.uk-button-primary {
background-color: rgba(180, 180, 180, 0.1);
color: @global-primary-background;
border: 1px solid @global-primary-background;
}
*/
.uk-button-danger { .uk-button-danger {
background-color: transparent; background-color: transparent;
color: #f0506e; color: #f0506e;