You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
2.5 KiB
82 lines
2.5 KiB
/* date time picker colour changes for the theme */
|
|
|
|
$primary_accent: #83d8ae;
|
|
$secondary_accent: #e9f0f2 !default;
|
|
$inverse_accent: #ffffff !default;
|
|
$o-kanban-color-border-width: 8px;
|
|
$selected_row: #ffffff !default;
|
|
$bg_white: #0f1017 !default;
|
|
$f_color: #9a9cab !default;
|
|
$primary_hover: #485ec4 !default;
|
|
|
|
/*darkmode*/
|
|
$primary-darkmode: #181821 !default;
|
|
$primary-darkmode-light: #112222 !default;
|
|
|
|
.datepicker {
|
|
.table-sm {
|
|
> thead {
|
|
> tr > .prev {
|
|
color: #fff !important;
|
|
background-color: $primary_accent !important;
|
|
&:hover{
|
|
background-color: darken($primary_accent, 10%) !important;
|
|
}
|
|
> .fa{
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
> tr > .next {
|
|
color: #fff !important;
|
|
background-color: $primary_accent !important;
|
|
&:hover{
|
|
background-color: darken($primary_accent, 10%) !important;
|
|
}
|
|
> .fa{
|
|
color: #fff !important;
|
|
}
|
|
}
|
|
> tr > .picker-switch {
|
|
color: #fff !important;
|
|
background-color: $primary_accent !important;
|
|
&:hover{
|
|
background-color: darken($primary_accent, 10%) !important;
|
|
}
|
|
}
|
|
}
|
|
> tbody > tr > td {
|
|
&.today:before {
|
|
border-bottom-color: $primary_accent !important;
|
|
}
|
|
&.active {
|
|
background-color: $primary_accent !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.picker-switch {
|
|
span.fa {
|
|
margin: 0;
|
|
@include transition($btn-transition);
|
|
&.primary {
|
|
background-color: $primary_accent;
|
|
color: white;
|
|
&:hover {
|
|
background-color: darken($primary_accent, 20%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.daterangepicker .drp-calendar .calendar-table thead tr:first-child {
|
|
color: #FFFFFF;
|
|
background-color: $primary_accent;
|
|
}
|
|
|
|
.daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active, .daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active:hover {
|
|
background-color: $primary_accent;
|
|
}
|
|
|
|
.daterangepicker .drp-calendar .calendar-table thead tr:first-child th.prev:hover, .daterangepicker .drp-calendar .calendar-table thead tr:first-child th.next:hover {
|
|
background-color: darken($primary_accent, 20%);
|
|
}
|
|
|