css: Add dark styles for `flatpickr` widgets to solarized dark theme
This commit is contained in:
parent
162d898d42
commit
6c3c8a3e38
|
@ -57,6 +57,33 @@
|
|||
// Form colors
|
||||
@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 {
|
||||
background-color: @base02;
|
||||
box-shadow: inset -0.5em 0 1em rgba(0,0,0,0.3);
|
||||
|
|
Loading…
Reference in New Issue