homelab/traefik
1
0
Fork 0
Code Activity

Add dark theme for Web UI

Browse source
This commit is contained in:
Dmitry Sharshakov 2020-02-27 23:30:04 +03:00 • committed by GitHub
parent 18d90ecd96
commit 389536aff0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 98 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

26
webui/src/css/sass/app.scss
View file

@ -42,6 +42,9 @@ body {
.bg-app-toggle {
background-color: rgba( $accent, .1 );
}
.body--dark .bg-app-toggle {
background-color: rgba( $accent, .3 );
}
// Helps
.xs-text-center {
@ -157,3 +160,26 @@ body {
background-color: rgba($app-text-grey, 0.1);
}
}
.body--dark .app-chip {
&-accent, &-rule {
background-color: rgba($accent, 0.25);
}
&-green, &-entry-points {
background-color: rgba($app-text-green, 0.25);
}
&-purple, &-name {
background-color: rgba($app-text-purple, 0.25);
}
&-warning, &-service {
background-color: rgba($warning, 0.25);
}
&-negative, &-error {
background-color: rgba($negative, 0.25);
}
&-green-2, &-options {
background-color: rgba($app-text-green-2, 0.25);
}
&-marine, &-interval {
background-color: rgba($app-text-grey, 0.25);
}
}