95 lines
1.7 KiB
CSS
95 lines
1.7 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Finlandica:ital,wght@0,400..700;1,400..700&display=swap');
|
|
|
|
body {
|
|
--radius-s: 8px;
|
|
--radius-m: 12px;
|
|
--radius-l: 16px;
|
|
--input-radius: 12px;
|
|
--tab-radius-active: 12px;
|
|
--checkbox-radius: 12px;
|
|
--toggle-radius: 12px;
|
|
--toggle-thumb-radius: 12px;
|
|
--slider-thumb-radius: 12px;
|
|
background-color: var(--primary);
|
|
color: var(--text);
|
|
font-family: 'Finlandica', sans-serif;
|
|
--font-text-theme: 'Finlandica', sans-serif;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.workspace-tab-header.is-active::before, .workspace-tab-header.is-active::after {
|
|
display: none;
|
|
}
|
|
|
|
svg * {
|
|
stroke-linecap: square;
|
|
stroke-linejoin: miter;
|
|
rx: 0;
|
|
ry: 0;
|
|
}
|
|
|
|
.menu {
|
|
padding: var(--size-2-1);
|
|
border-radius: var(--radius-m);
|
|
background-color: var(--background-primary);
|
|
color: var(--text);
|
|
}
|
|
|
|
.menu-item {
|
|
padding: var(--size-4-1) var(--size-4-2);
|
|
}
|
|
|
|
.menu-separator {
|
|
margin: var(--size-2-1) calc(var(--size-2-1) * -1);
|
|
}
|
|
|
|
.theme-light {
|
|
--text: #061218;
|
|
--background-primary: #dfedf7;
|
|
--primary: #1f5175;
|
|
--secondary: #deab82;
|
|
--accent: #62a12b;
|
|
|
|
--highlight-hue: 30;
|
|
--italic-color: var(--accent);
|
|
--bold-color: var(--accent);
|
|
--h1-color: var(--accent);
|
|
--h2-color: var(--accent);
|
|
--h3-color: var(--accent);
|
|
--h4-color: var(--accent);
|
|
--h5-color: var(--accent);
|
|
--h6-color: var(--accent);
|
|
}
|
|
|
|
body.theme-light {
|
|
background-color: var(--background-primary);
|
|
color: var(--text);
|
|
}
|
|
|
|
body.theme-light h1 {
|
|
color: var(--h1-color);
|
|
}
|
|
|
|
body.theme-light h2 {
|
|
color: var(--h2-color);
|
|
}
|
|
|
|
body.theme-light h3 {
|
|
color: var(--h3-color);
|
|
}
|
|
|
|
body.theme-light h4 {
|
|
color: var(--h4-color);
|
|
}
|
|
|
|
body.theme-light h5 {
|
|
color: var(--h5-color);
|
|
}
|
|
|
|
body.theme-light h6 {
|
|
color: var(--h6-color);
|
|
}
|