css: Add dark styles for `flatpickr` widgets to solarized dark theme

This commit is contained in:
Johannes Meyer 2021-04-15 16:11:20 +02:00
parent 162d898d42
commit 6c3c8a3e38
1 changed files with 27 additions and 0 deletions

View File

@ -57,6 +57,33 @@
// Form colors // Form colors
@button-primary-color: lighten(@base02, 20); @button-primary-color: lighten(@base02, 20);
// Datetime picker colors
@fp-calendarBackground: #3f4458;
@fp-calendarBorderColor: darken(#3f4458, 50%);
@fp-monthForeground: #fff;
@fp-monthBackground: #3f4458;
@fp-weekdaysBackground: transparent;
@fp-weekdaysForeground: #fff;
@fp-dayForeground: fadeout(white, 5%);
@fp-dayHoverBackground: lighten(@fp-calendarBackground, 25%);
@fp-todayColor: #eee;
@fp-today_fg_color: #3f4458;
@fp-selectedDayBackground: #80CBC4;
.icinga-datetime-picker .flatpickr-day.today {
&:hover,
&:focus {
color: @fp-today_fg_color;
}
}
// Datetime picker colors (end)
#sidebar { #sidebar {
background-color: @base02; background-color: @base02;
box-shadow: inset -0.5em 0 1em rgba(0,0,0,0.3); box-shadow: inset -0.5em 0 1em rgba(0,0,0,0.3);