updated theme

This commit is contained in:
Glenn Hermans 2022-01-07 21:31:59 +01:00
parent 0459ba7d6e
commit 59de5a2c60
3 changed files with 124 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -36,7 +36,7 @@
.navbar-left {
background-color: $dark-bg;
border-right: 1px solid $seprator;
border-right: 1px solid $dark-bg;
ul.menubar {
li.menu-item {
@ -541,7 +541,7 @@
}
.pagination .page-item.active {
background-color: rgba(32, 57, 83, 0.2) !important;
background-color: rgba(40, 69, 100, 0.2) !important;
color: $white;
border-color: rgba(2, 57, 83, 0.2) !important;
}
@ -588,4 +588,99 @@
background: rgba(255, 255, 255, 0.8);
color: $black;
}
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-color: #02080d;
-webkit-box-shadow: 1px 0 0 $black,-1px 0 0 $black,0 1px 0 $black,0 -1px 0 $black,0 3px 13px rgba(0,0,0,.08);
box-shadow: 1px 0 0 $black,-1px 0 0 $black,0 1px 0 $black,0 -1px 0 $black,0 3px 13px rgba(0,0,0,.08);
}
.flatpickr-months .flatpickr-month {
color: $white;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer, span.flatpickr-weekday {
color: $white;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
color: rgba(255, 255, 255, 0.8);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
color: $white;
}
.flatpickr-day {
color: $white;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
color: $white;
fill: $white;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: rgb(5, 30, 55) !important;
color: $white;
border-color: rgb(5, 30, 55) !important;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #24384c !important;
border-color: #24384c !important;
}
}

View File

@ -29,3 +29,28 @@
.pagination {
margin-top: 30px;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
background: $blue !important;
-webkit-box-shadow: none;
box-shadow: none;
color: $white;
border-color: $blue !important;
}