start flatpickr theme
parent
d9b13ca3b0
commit
532c248418
|
@ -416,5 +416,5 @@
|
|||
@cp_whiteboard-fg: @cryptpad_text_col;
|
||||
|
||||
// Flatpickr
|
||||
@cp_flatpickr-bg: @cp_app-bg;
|
||||
@cp_flatpickr-bg: @cryptpad_color_grey_800;
|
||||
|
||||
|
|
|
@ -416,4 +416,4 @@
|
|||
@cp_whiteboard-fg: @cryptpad_text_col;
|
||||
|
||||
// Flatpickr
|
||||
@cp_flatpickr-bg: @cp_app-bg;
|
||||
@cp_flatpickr-bg: @cryptpad_color_grey_200;
|
||||
|
|
|
@ -284,6 +284,42 @@
|
|||
body {
|
||||
.flatpickr-calendar {
|
||||
background: @cp_flatpickr-bg;
|
||||
color: @cryptpad_text_col;
|
||||
.flatpickr-months {
|
||||
.flatpickr-month, .flatpickr-months, .flatpickr-next-month, .flatpickr-prev-month {
|
||||
color: @cryptpad_text_col;
|
||||
fill: @cryptpad_text_col;
|
||||
}
|
||||
.flatpickr-current-month {
|
||||
span.cur-month:hover {
|
||||
background: fade(@cryptpad_text_col, 25%); // XXX hover on current month?
|
||||
}
|
||||
.numInputWrapper span.arrowUp:after {
|
||||
border-bottom-color: @cryptpad_text_col;
|
||||
}
|
||||
.numInputWrapper span.arrowDown:after {
|
||||
border-top-color: @cryptpad_text_col;
|
||||
}
|
||||
}
|
||||
}
|
||||
.flatpickr-innerContainer {
|
||||
.flatpickr-weekdays {
|
||||
span.flatpickr-weekday {
|
||||
color: @cryptpad_text_col;
|
||||
}
|
||||
}
|
||||
.flatpickr-days {
|
||||
.flatpickr-day {
|
||||
color: @cryptpad_text_col;
|
||||
&:hover {
|
||||
background-color: fade(@cryptpad_text_col, 25%);
|
||||
}
|
||||
}
|
||||
.flatpickr-disabled {
|
||||
color: fade(@cryptpad_text_col, 25%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue