frontend: move style properties to components
This commit is contained in:
parent
c95aed01b5
commit
faf221c9ba
10 changed files with 289 additions and 297 deletions
|
@ -119,4 +119,66 @@
|
|||
@media screen and (max-width: 290px) {
|
||||
.weekdays li, .days li {width: 12.2%;}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.month {
|
||||
background: #5C8DC0;
|
||||
}
|
||||
|
||||
.month ul li {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.weekdays {
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
|
||||
.weekdays li {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.days {
|
||||
background: #F4F4F4;
|
||||
}
|
||||
|
||||
.days li {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.days li .active {
|
||||
color: white !important;
|
||||
background: #5C8DC0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.month {
|
||||
background: #2791FF;
|
||||
}
|
||||
|
||||
.month ul li {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.weekdays {
|
||||
background-color: #192431;
|
||||
}
|
||||
|
||||
.weekdays li {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.days {
|
||||
background: #192431;
|
||||
}
|
||||
|
||||
.days li {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.days li .active {
|
||||
color: white !important;
|
||||
background: #2791FF;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue