danix
's git repository
home
/
my projects
/
theme-danix.xyz.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
added dark theme option. It ìs selected automagically based on system choiche of...
[theme-danix.xyz.git]
/
assets
/
sass
/
components
/
_pagination.scss
diff --git
a/assets/sass/components/_pagination.scss
b/assets/sass/components/_pagination.scss
index
cb39c39
..
1a7ef05
100644
(file)
--- a/
assets/sass/components/_pagination.scss
+++ b/
assets/sass/components/_pagination.scss
@@
-33,16
+33,27
@@
text-align: center;
&.active {
text-align: center;
&.active {
- background-color: _palette(fg-bold);
- color: _palette(bg);
+ background-color: _palette_light(fg-bold);
+ color: _palette_light(bg);
+ @media screen and (prefers-color-scheme: dark) {
+ background-color: _palette_dark(fg-bold);
+ color: _palette_dark(bg);
+ }
&:hover {
&:hover {
- background-color: _palette(highlight);
- color: _palette(bg) !important;
+ background-color: _palette_light(highlight);
+ color: _palette_light(bg) !important;
+ @media screen and (prefers-color-scheme: dark) {
+ background-color: _palette_dark(highlight);
+ color: _palette_dark(bg) !important;
+ }
}
&:active {
}
&:active {
- background-color: desaturate(darken(_palette(highlight), 15), 5);
+ background-color: desaturate(darken(_palette_light(highlight), 15), 5);
+ @media screen and (prefers-color-scheme: dark) {
+ background-color: desaturate(darken(_palette_dark(highlight), 15), 5);
+ }
}
}
}
}
}
}