2023-10-24 08:36:56 +02:00
|
|
|
:root {
|
2024-03-02 15:51:55 +08:00
|
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
line-height: 1.3333333333;
|
|
|
|
|
@media (-moz-platform: windows) {
|
|
|
|
|
--color-accent: var(--accent-blue);
|
|
|
|
|
@include light-dark(--color-focus-outer-border, var(--fill-primary), var(--accent-white));
|
|
|
|
|
@include light-dark(--color-focus-border, var(--accent-white), #00000080);
|
|
|
|
|
--width-focus-outer-border: 2px;
|
|
|
|
|
--width-focus-border: 1px;
|
|
|
|
|
}
|
|
|
|
|
@media (-moz-platform: macos) {
|
|
|
|
|
--color-accent: SelectedItem;
|
|
|
|
|
--color-focus-border: color-mix(in srgb, var(--color-accent) 50%, transparent);
|
|
|
|
|
--width-focus-border: 3px;
|
|
|
|
|
}
|
|
|
|
|
@media (-moz-platform: linux) {
|
|
|
|
|
--color-accent: SelectedItem;
|
|
|
|
|
--color-focus-border: -moz-accent-color;
|
|
|
|
|
--width-focus-border: 2px;
|
|
|
|
|
}
|
|
|
|
|
// Only used on Windows
|
|
|
|
|
--color-form-element-base-background: var(--color-background);
|
2024-01-04 02:38:12 -08:00
|
|
|
}
|
