start flatpickr theme

This commit is contained in:
David Benqué 2021-03-16 17:04:05 +00:00
parent d9b13ca3b0
commit 532c248418
3 changed files with 38 additions and 2 deletions

View File

@ -416,5 +416,5 @@
@cp_whiteboard-fg: @cryptpad_text_col;
// Flatpickr
@cp_flatpickr-bg: @cp_app-bg;
@cp_flatpickr-bg: @cryptpad_color_grey_800;

View File

@ -416,4 +416,4 @@
@cp_whiteboard-fg: @cryptpad_text_col;
// Flatpickr
@cp_flatpickr-bg: @cp_app-bg;
@cp_flatpickr-bg: @cryptpad_color_grey_200;

View File

@ -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%);
}
}
}
}
}
}