settings/theme/osto
@import
code:style.css
@import "/api/code/nremiel/settings%2Ftheme%2Fcommon/style.css";
@import "/api/code/nremiel/settings%2Ftheme%2FYaru/palette.css";
@import "/api/code/nremiel/settings%2Ftheme%2FYaru%2FCode-block/light.css";
La haŭto
Vidu ankaŭ:
code:style.css
code:style.css
@container style(--project-theme: "nremiel.osto") {
body,
body *:has(.app),
.app {
--overwrite-native-themes: y;
--current-project-skin-name: "Anĝela Osto";
--yaru-color-palette: "yaru";
--code-block-color-scheme: "nremiel.yaru";
--body-bg: var(--c-bg-bottom);
}
:root {
--ff-project-name: "Zilla Slab" var(--serif-latin), var(--ui-sans-serif);
--ffs-project-name: "ss05";
--fw-project-name: 450;
--sans-serif-latin: "Arimo", "Inter Variable", "Roboto Flex", "Inter", "Roboto";
--sans-serif-ja: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "Yu Gothic", "IBM Plex Sans JP";
--serif-latin: "Crete Round", "Souce Serif Pro", "Souce Serif 4", "Lora", "Zilla Slab", "Spectral", "Tinos";
--serif-ja: "GenEi Antique P", "源暎アンチック 詰", "GenEi Antique Pv5", "源暎アンチック 詰 v5", "UD Digi Kyokasho NK", "UD Digi Kyokasho NP", "Noto Serif JP", "IPAexMincho", "IPAex明朝";
--ffs-monospace: var(--ffs-code);
--ffs-code: "calt", "ss02", "ss03", "ss19", "ss20";
--paragraph-latin: "Atkinson Hyperlegible Next", var(--sans-serif-latin);
--paragraph-ja: -apple-system, BlinkMacSystemFont, "UD Digi Kyokasho NK", "UD Digi Kyokasho NP", "Yu Gothic Medium", var(--sans-serif-ja);
--fw-paragraph: 400;
--ffs-paragraph: '';
--blockquote-latin: var(--paragraph-latin);
--blockquote-ja: "IBM Plex Sans JP", var(--paragraph-ja);
--fw-blockquote: 400;
--ffs-blockquote: '';
--fs-table-block: 14.5px;
--italic-latin: "Zilla Slab", "Lora", "Literata", var(--serif-latin);
--italic-ja: var(--serif-ja);
--ffs-italic: none;
--fw-italic: 500;
--italic-latin: "Zilla Slab", "Crete Round", var(--italic-latin);
--italic-ja: var(--italic-ja);
--ffs-italic-bold: none;
--fw-italic-bold: 700;
--cursive-latin: "Playwrite AU NSW", "Playwrite DE SAS", "Literata", var(--italic-latin);
--cursive-ja: "BIZ UDGothic", var(--italic-ja);
--strong-latin: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", var(--paragraph-latin);
--strong-ja: "IBM Plex Sans JP Medium", var(--paragraph-ja);
--fw-strong: 600;
--impact: "Anybody", "Rubik", "Bauhaus 93", var(--strong);
--fw-impact: 700;
--trump: "Anybody", "Yu Gothic UI", var(--impact);
--fw-trump: 800;
--narrow-latin: "Roboto Flex", "Roboto Condensed", "Aptos Narrow", "Segoe Condensed", var(--sans-serif-latin);
--narrow-ja: "Yu Gothic UI", var(--sans-serif-ja);
--ffs-narrow: 'palt';
--f-stretch-narrow: semi-condensed;
--smaller-latin: "Inter Variable", "Inter", "IBM Plex Sans", "Open Sans", "Roboto Flex", var(--sans-serif-ja);
--smaller-ja: "IBM Plex Sans JP Medium", "IBM Plex Sans JP", "Cascadia Next JP", var(--sans-serif-ja);
--ffs-smaller: 'halt';
--tiny-latin: "Segoe UI Variable Small", "Plus Jakarta Sans Variable", var(--smaller-latin);
--tiny-ja: "BIZ UDGothic", var(--smaller-ja);
--fs-tiny: 12px;
--fw-tiny: 500;
--tt-tiny: uppercase;
--fs-ruby: 0.61666666em;
--fw-ruby: 600;
--ui-sans-serif-latin: "Inter Variable", "Inter", "IBM Plex Sans", var(--smaller-latin);
--ui-sans-serif-ja: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "IBM Plex Sans JP", var(--smaller-ja);
--ffs-ui-sans-serif: 'palt';
--fs-ui-sans-serif: 14px;
--fw-kbd: 700;
--ffs-kbd: '';
--h-line-card: 1.5;
--ffs-card-title: var(--ffs-h1);
--fw-card-title: 550;
--fs-card-title: 16px;
--ta-card-title: start;
--tw-card-title: pretty;
--fs-card-title: var(--fs-ui-sans-serif);
--fs-card-title: var(--fs-card-description);
--fs-card-description: 14.5px;
--fs-card-description: 13px;
--stream-page-status-bar: "Barlow", var(--tiny);
--ffs-stream-page-status-bar: ;
--fw-stream-page-status-bar: var(--fw-status-bar);
--fs-stream-page-status-bar: var(--fs-status-bar);
--h1-latin: "Barlow", "Segoe UI Variable Display", "Aptos Display";
--h1-ja: "Noto Sans JP", "IBM Plex Sans JP", "Yu Gothic";
--h1-ja: "UD Digi Kyokasho NK", "Noto Sans JP", "IBM Plex Sans JP", "Yu Gothic";
--h2: var(--h1);
--h3: var(--h2);
--h4: var(--h3);
--h5: var(--h4);
--h6: var(--h5);
--ffs-h1: none;
--ffs-h2: var(--ffs-h1);
--ffs-h3: var(--ffs-h2);
--ffs-h4: var(--ffs-h3);
--ffs-h5: var(--ffs-h4);
--ffs-h6: var(--ffs-h5);
--fw-h1: 700;
/* --fw-h2: 700; */
--fw-h2: 650;
--fw-h3: 650;
--fw-h4: 700;
--fw-h5: var(--fw-h4);
--fw-h6: var(--fw-h5);
--tt-h1: none;
--tt-h2: none;
--tt-h3: none;
--tt-h4: none;
--tt-h5: uppercase;
--tt-h6: var(--tt-h5);
--fs-h1: calc(1.8666667 * var(--fs-base));
/* 28px */
--fs-h2: calc(1.6 * var(--fs-base));
/* 24px */
--fs-h3: calc(1.333333333 * var(--fs-base));
/* 20px */
--fs-h4: calc(1.133333333 * var(--fs-base));
/* 17.5px */
}
body,
body *:has(.app),
.app,
.app *:not(.char-index) {
--blockquote: var(--smaller);
}
body {
/* --shadow-box-page-main:
0 0 0.25rem rgba(0, 0, 0, 0.2),
2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
100px 100px 80px rgba(0, 0, 0, 0.07); */
--shadow-box-page-main:
0 0 0.25rem rgba(0, 0, 0, 0.2),
2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
22.3px 22.3px 17.9px rgba(0, 0, 0, 0.021),
41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
100px 100px 80px rgba(0, 0, 0, 0.035),
-2.8px 2.8px 5.3px rgba(0, 0, 0, 0.01),
-6.7px 6.7px 5.3px rgba(0, 0, 0, 0.014),
-12.5px 12.5px 10px rgba(0, 0, 0, 0.01775),
-22.3px 22.3px 17.9px rgba(0, 0, 0, 0.021),
-41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
-100px 100px 80px rgba(0, 0, 0, 0.035);
--c-shadow-box-page-main: black;
--c-shadow-box-page-main-alt: black;
--shadow-box-page-main:
0 0 0.25rem hsl(from var(--c-shadow-box-page-main) h s l / 0.2),
-2.8px 2.8px 2.2px hsl(from var(--c-shadow-box-page-main) h s l / 0.02),
-6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),
-12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035),
-22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.021),
2.8px 2.8px 2.2px hsl(from var(--c-shadow-box-page-main) h s l / 0.02),
6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),
12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main) h s l / 0.035),
22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.042),
41.8px 41.8px 33.4px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.05),
100px 100px 80px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035);
--shadow-box-navbar:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14),
0 8px 16px rgba(0, 0, 0, 0.14);
--shadow-box-navbar-search-form-focus:
0 0 4px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 0px 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 0 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 -3px 10px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 8px 16px hsl(from var(--c-ui-accent-color) h s l / 0.24);
--shadow-box-card:
0 0 3px rgba(0, 0, 0, 0.12),
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14);
--shadow-box-card:
0 0 0.25rem rgba(0, 0, 0, 0.2),
2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
100px 100px 80px rgba(0, 0, 0, 0.07);
--shadow-box-slipo:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14);
--shadow-box-slipo:
0 0 0.375rem rgba(0, 0, 0, 0.125),
0 0 0.25rem rgba(0, 0, 0, 0.15);
--shadow-drop-slipo:
drop-shadow(0 0 4px rgba(0, 0, 0, 0.12)) drop-shadow(0 0 6px rgba(0, 0, 0, 0.12)) drop-shadow(0 8px 16px rgba(0, 0, 0, 0.14));
--shadow-box-dropdown-menu: var(--shadow-box-slipo);
--shadow-box-inset:
0 0 4px rgba(0, 0, 0, 0.12) inset,
0 0 6px rgba(0, 0, 0, 0.12) inset,
0 8px 16px rgba(0, 0, 0, 0.14) inset;
--shadow-box-outset:
0 0 4px rgba(100%, 100%, 100%, 0.12),
0 0 6px rgba(100%, 100%, 100%, 0.12),
0 8px 16px rgba(100%, 100%, 100%, 0.14);
--shadow-box-page-main:
0 0 0.25rem rgba(0, 0, 0, 0.4),
2.8px 2.8px 2.2px rgba(0, 0, 0, 0.04),
6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
100px 100px 80px rgba(0, 0, 0, 0.07),
-2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
-6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
-12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
-22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
-41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05);
--shadow-box-navbar:
0 0 3px rgba(0, 0, 0, 0.12),
0 0 4px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14);
--shadow-box-card:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14);
/* --shadow-box-slipo: 0 0 5px #888; */ --shadow-box-slipo:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 0 7px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14),
0 8px 16px rgba(0, 0, 0, 0.14);
--shadow-box-slipo:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14);
}
}
body,
body *:has(.app),
.app {
--c-ui-accent-color: var(--c-purple-3);
--c-ui-accent-color-selectable: var(--c-purple-2);
--c-caret-cursor: var(--c-nrem-sango-4);
--c-bg-text-selection: var(--c-red-1);
/* --c-bg-bottom: var(--c-nrem-osto-5); */
/* hsl(223, 7%, 81%); */
--c-bg-bottom: hsl(223, 12%, 84%);
--c-bg-card: var(--c-bg-page-main);
--c-bc-card-topline: var(--c-nrem-sango-3);
--c-bc-card-topline: hsl(0, 0%, 79%);
/* --c-bc-card-topline: var(--c-purple-1); */
--c-bg-card-pinned: var(--c-nrem-sango-2);
--c-fg-card-backside: var(--c-purple-3);
--c-tx-card-title: var(--c-tx-normal);
--c-tx-card-description: #222; --border-page-main-top: 8px solid var(--c-purple-3);
--border-page-main-top: 8px solid var(--c-nrem-osto-3);
--c-shadow-box-page-main: hsl(from var(nrem-sango-5) h s 50%);
--c-shadow-box-page-main-alt: black;
--shadow-box-page-main:
0 0 0.25rem hsl(from var(--c-shadow-box-page-main) h s l / 0.2),
-2.8px 2.8px 2.2px hsl(from var(--c-shadow-box-page-main) h s l / 0.02),
-6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),
-12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035),
-22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.021),
2.8px 2.8px 2.2px hsl(from var(--c-shadow-box-page-main) h s l / 0.02),
6.7px 6.7px 5.3px hsl(from var(--c-shadow-box-page-main) h s l / 0.028),
12.5px 12.5px 10px hsl(from var(--c-shadow-box-page-main) h s l / 0.035),
22.3px 22.3px 17.9px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.042),
41.8px 41.8px 33.4px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.05),
100px 100px 80px hsl(from var(--c-shadow-box-page-main-alt) h s l / 0.035);
--c-bg-page-main: var(--c-light-2);
--c-bg-page-main-lines: var(--c-light-2);
--shadow-box-page-main-lines: ;
--c-bg-current-line: var(--c-nrem-osto-2);
--c-fg-indent-mark: darkslategray;
--c-fg-indent-mark: var(--c-dark-2);
--c-tx-normal: black;
--c-tx-strong: var(--c-dark-4);
--c-tx-week: var(--c-dark-1);
--c-bg-code: var(--c-light-5);
--c-tx-code: var(--c-dark-4);
--c-tx-link-hashtag: var(--c-green-1);
--c-tx-link-empty: var(--c-red-1);
--c-tx-link: var(--c-nrem-larmo-1);
--c-tx-link: var(--c-blue-4);
--c-tx-link-hashtag: var(--c-green-4);
--c-tx-link-empty: var(--c-red-1);
--c-bg-line-permalink: hsl(from var(--c-nrem-nervo-4) h s l / 35%);
--c-bg-line-permalink: hsl(from var(--c-caret-cursor) h s l / 35%);
--c-bg-indent-level-1: transparent;
--c-bg-indent-level-1-line: transparent;
--c-bg-indent-level-2: transparent;
--c-bg-indent-level-2-line: transparent;
--c-bg-indent-level-3: transparent;
--c-bg-indent-level-3-line: transparent;
--c-bg-indent-level-4: transparent;
--c-bg-indent-level-4-line: transparent;
--c-bg-a-indent-opacity: 0.5;
--c-bg-blockquote: hsl(from var(--c-light-4) h s l / 25%);
--c-bg-blockquote: hsl(from var(--c-bg-bottom) h s l / 20%);
--c-tx-blockquote: var(--c-nrem-);
--c-border-blockquote-left: var(--c-light-5);
--border-blockquote-left: var(--c-border-blockquote-left) solid 4px;
--c-border-blockquote-right: hsl(from var(--c-bg-bottom) h s l / 5%);
--border-blockquote-right: var(--c-border-blockquote-right) solid 8px;
--c-tx-h1: var(--c-tx-strong);
--c-tx-h2: var(--c-tx-alt);
--c-tx-h3: var(--c-tx-normal);
--c-tx-h4: var(--c-tx-alt);
--border-section: calc(0.05rem * var(--h-line-base)) solid var(--c-bg-bottom);
/* --c-bg-navbar: rgb(216, 215, 193); la koloro de la antaŭagordita haŭto */
/* --c-bg-navbar: hsl(0, 0%, 92%); */
/* --c-bg-navbar: hsla(0, 0%, 92%, 85%); */
--c-bg-navbar: hsla(0, 0%, 99%, 12.5%);
--c-bg-navbar: hsla(0, 0%, 93%, 82.5%);
--c-bg-navbar: hsla(0, 0%, 93%, 80%);
/* --c-tx-navbar-project-name: var(--c-dark-3); */
--c-tx-navbar-project-name: var(--c-dark-3);
--c-tx-navbar: var(--c-dark-3);
--c-ic-navbar: var(--c-tx-navbar);
--c-bg-navbar-search-form: hsl(0 0% 83% / 80%);
--c-bg-navbar-search-form: var(--c-nrem-osto-5);
--c-bg-navbar-search-form: hsl(from var(--c-nrem-osto-5) h s l / 82.5%);
--c-tx-navbar-search-form: var(--c-dark-7);
--c-fg-navbar-search-form-icon: #000; --c-tx-navbar-search-form-default-text: var(--c-light-7);
--c-ic-navbar-button-new-page: var(--c-white-5);
/* la implicita de Paper Light */
--c-ic-navbar-button-new-page: ;
--c-ic-navbar-button-new-page-hover: var(--c-nrem-sango-4);
--c-ic-navbar-button-new-page-hover: #3d72f5; /* la implicita de Default White */
--c-ic-navbar-button-new-page-hover: ;
--c-ic-navbar-button-new-page-vertical-line: red;
--c-ic-navbar-button-new-page-vertical-line: ;
--c-ic-navbar-button-new-page-horizontal-line: var(--c-nremi-vervo-5);
--c-ic-navbar-button-new-page-horizontal-line: ;
--c-bg-navbar-search-form-focus: var(--c-nrem-osto-3);
--c-tx-navbar-search-form-focus: black;
--shadow-box-navbar-search-form-focus:
0 0 4px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 0px 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 0 6px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 -3px 10px hsl(from var(--c-ui-accent-color) h s l / 0.22),
0 8px 16px hsl(from var(--c-ui-accent-color) h s l / 0.24);
--c-tx-toolbar-cardlist: var(--c-light-5);
--c-bg-dropdown-menu: hsl(0, 0%, 98%);
--c-bg-dropdown-menu-focus: var(--c-light-4);
--c-tx-dropdown-menu: var(--c-tx-normal);
--c-tx-dropdown-menu-activated: var(--c-ui-accent-color-selectable);
--c-border-dropdown-menu-activated: var(--c-ui-accent-color-selectable);
--border-dropdown-menu-activated: 2px solid var(--c-border-dropdown-menu-activated);
--c-bg-page-manu: hsl(0 0% 93% / 35%);
--c-bg-dropdown-button-focus: var(--c-light-4);
--c-tx-dropdown-button-text: var(--c-dark-5);
--c-tx-dropdown-button-icon: var(--c-dark-1);
--c-bg-popup-menu: black;
--c-tx-popup-menu-item: white;
--border-popup-menu-item: 1px solid hsl(0 0 10% / 35%);
--c-bg-bottom-related: --var(--c-bg-bottom);
/* --c-bg-bottom-related-toolbar: hsl(0, 0%, 77%); */
--c-bg-bottom-related-toolbar: --var(--c-bg-bottom);
--c-tx-related-search-form: black;
--c-bg-related-search-form-focus: white;
--c-bg-related-search-form-focus: hsl(0, 0%, 95%);
--border-related-search-form-focus: none;
--shadow-related-search-form-focus: ;
--shadow-box-page-list-search:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 0 7px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14),
0 8px 16px rgba(0, 0, 0, 0.14);
--shadow-box-page-list-search-focus:
0 0 4px hsl(from var(--ui-accent-color) h s l / 0.12),
0 0 6px hsl(from var(--ui-accent-color) h s l / 0.12),
0 0 7px hsl(from var(--ui-accent-color) h s l / 0.12),
0 8px 16px hsl(from var(--ui-accent-color) h s l / 0.14),
0 8px 16px hsl(from var(--ui-accent-color) h s l / 0.14);
--shadow-box-page-list-search-focus: var(--shadow-box-navbar-search-form-focus);
--c-bg-statusbar-page-title: var(--c-purple-1);
--c-tx-statusbar-page-title: var(--c-light-3);
--c-bg-statusbar-page-status-sync-confirmed: var(--c-green-4);
--c-fg-statusbar-page-status-sync-confirmed: var(--c-light-1);
--c-bg-statusbar-page-status-error: var(--c-red-1);
--c-tx-statusbar-page-status-error: var(--c-light-6);
--c-bg-statusbar-page-list-status: var(--c-purple-1);
--c-tx-statusbar-page-list-status: var(--c-light-3);
--c-bg-statusbar-project-status-private: var(--c-blue-4);
--c-ic-statusbar-project-status-private: var(--c-light-1);
--c-bg-statusbar-project-plan-badge: var(--c-bg-navbar);
--c-tx-statusbar-project-plan-badge: var(--c-tx-navbar-project-name);
--c-tx-normal-nofocus: black;
/* --c-bg-bottom: var(--c-nrem-osto-3); */
--c-bg-navbar: hsla(0, 0%, 93%, 1.5%);
--c-bg-navbar: hsla(0, 0%, 93%, 32.5%);
--c-tx-navbar-project-name: var(--c-sango-1);
--c-bg-navbar-search-form: hsl(from var(--c-nrem-osto-3) h s l /32.5%);
--c-ic-navbar-button-new-page: hsl(from #696758 h s 35% / 32.5%); --c-tx-normal: var(--c-tx-normal-nofocus);
--c-tx-dropdown-menu: var(--c-tx-normal-nofocus);
--c-tx-card-title: var(--c-tx-normal-nofocus);
--c-tx-card-description: var(--c-tx-normal-nofocus);
--shadow-box-page-list-search:
0 0 4px rgba(0, 0, 0, 0.12),
0 0 6px rgba(0, 0, 0, 0.12),
0 8px 16px rgba(0, 0, 0, 0.14);
}
}
}