Updated styles
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Joan Sanchez 2021-11-18 14:00:45 +01:00
parent ba60523012
commit c98730e6b9
8 changed files with 10 additions and 10 deletions

View File

@ -86,12 +86,12 @@
align-items: center; align-items: center;
&.today { &.today {
color: $color-font-bg; color: $color-font;
& > .day-number { & > .day-number {
border: 2px solid $color-font-link; border: 2px solid $color-font-link;
&:hover { &:hover {
background-color: lighten($color-font-link, 20%); background-color: $color-marginal;
opacity: .8 opacity: .8
} }
} }

View File

@ -50,7 +50,7 @@ vn-chip {
&.alert, &.alert,
&.alert.clickable:hover, &.alert.clickable:hover,
&.alert.clickable:focus { &.alert.clickable:focus {
background-color: $color-alert-medium; background-color: lighten($color-alert, 5%);
} }
&.message, &.message,
&.message.clickable:hover, &.message.clickable:hover,

View File

@ -90,7 +90,7 @@ smart-table table {
color: $color-font-bg; color: $color-font-bg;
} }
&.alert { &.alert {
background-color: $color-alert-medium; background-color: lighten($color-alert, 5%);
color: $color-font-bg; color: $color-font-bg;
} }
&.message { &.message {

View File

@ -146,7 +146,7 @@ vn-table {
color: $color-font-bg; color: $color-font-bg;
} }
&.alert { &.alert {
background-color: $color-alert-medium; background-color: lighten($color-alert, 5%);
color: $color-font-bg; color: $color-font-bg;
} }
&.message { &.message {

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

View File

@ -1,5 +1,5 @@
import ngModule from '../module'; import ngModule from '../module';
import noImage from './no-image.png'; import noImage from './no-image-dark.png';
/** /**
* Sets a default image when there is an error loading * Sets a default image when there is an error loading

View File

@ -76,7 +76,7 @@ $color-alert-light: lighten($color-alert, 35%); */
/**/ /**/
// Dark theme // Dark theme
$color-primary: #f7931e; $color-primary: #ec8916;
$color-secondary: $color-primary; $color-secondary: $color-primary;
$color-font: #eee; $color-font: #eee;
@ -85,7 +85,7 @@ $color-font-secondary: #777;
$color-font-dark: white; $color-font-dark: white;
$color-font-link: #66bfff; $color-font-link: #66bfff;
$color-font-bg: rgba(0, 0, 0, .8); $color-font-bg: rgba(0, 0, 0, .8);
$color-font-bg-marginal: rgba(0, 0, 0, .4); $color-font-bg-marginal: rgba(255, 255, 255, .4);
$color-font-bg-dark: rgba(255, 255, 255, .7); $color-font-bg-dark: rgba(255, 255, 255, .7);
$color-font-bg-dark-marginal: rgba(255, 255, 255, .4); $color-font-bg-dark-marginal: rgba(255, 255, 255, .4);
@ -97,7 +97,7 @@ $color-active: #666;
$color-active-font: white; $color-active-font: white;
$color-bg-panel: #3c3b3b; $color-bg-panel: #3c3b3b;
$color-main: $color-primary; $color-main: $color-primary;
$color-marginal: #111; $color-marginal: #222;
$color-success: #a3d131; $color-success: #a3d131;
$color-notice: #32b1ce; $color-notice: #32b1ce;
$color-alert: #fa3939; $color-alert: #fa3939;

View File

@ -44,7 +44,7 @@ vn-worker-calendar {
.festive, .festive,
vn-avatar.today { vn-avatar.today {
background-color: $color-font-dark; color: $color-font;
width: 24px; width: 24px;
min-width: 24px; min-width: 24px;
height: 24px height: 24px