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
|
// 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);
|
||||||
|
|
Loading…
Reference in New Issue