2023-10-24 06:36:56 +00:00
|
|
|
:root {
|
2024-03-02 07:51:55 +00: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 10:38:12 +00:00
|
|
|
}
|
