mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
36 lines
1.8 KiB
CSS
36 lines
1.8 KiB
CSS
|
/**
|
||
|
|
* Theme: Additions for docs
|
||
|
|
*/
|
||
|
|
:root {
|
||
|
|
--icon-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
|
||
|
|
--icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
|
--icon-check-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-theme="light"],
|
||
|
|
:root:not([data-theme="dark"]) {
|
||
|
|
--invalid-color: #C62828;
|
||
|
|
--valid-color: #388E3C;
|
||
|
|
--nav-background-color: rgba(255, 255, 255, 0.7);
|
||
|
|
--nav-border-color: rgba(115, 130, 140, 0.2);
|
||
|
|
--nav-logo-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (prefers-color-scheme: dark) {
|
||
|
|
:root:not([data-theme="light"]) {
|
||
|
|
--invalid-color: rgba(183, 28, 28, 0.5);
|
||
|
|
--valid-color: rgba(46, 125, 50, 0.5);
|
||
|
|
--nav-background-color: rgba(16, 24, 30, 0.8);
|
||
|
|
--nav-border-color: rgba(115, 130, 140, 0.2);
|
||
|
|
--nav-logo-color: #0d1419;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-theme="dark"] {
|
||
|
|
--invalid-color: rgba(183, 28, 28, 0.5);
|
||
|
|
--valid-color: rgba(46, 125, 50, 0.5);
|
||
|
|
--nav-background: rgba(16, 24, 30, 0.8);
|
||
|
|
--nav-border-color: rgba(115, 130, 140, 0.2);
|
||
|
|
--nav-logo-color: #0d1419;
|
||
|
|
}
|