app/apps/web/src/index.css
2025-06-21 12:42:09 +03:00

73 lines
1.6 KiB
CSS

:root {
--md-sys-color-primary: olive;
--md-sys-color-secondary: tomato;
--md-ref-typeface-brand: "MiSans Regular";
--md-ref-typeface-plain: "MiSans Regular";
font-family: "MiSans Regular";
}
md-icon {
--md-icon-font: "Material Symbols Rounded";
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
@font-face {
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 400;
src: url(/material-icons-rounded.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-display: swap;
font-family: "MiSans Regular";
font-style: normal;
font-weight: 400;
src: url(/moscowsansregular.woff2) format("woff2");
}
body {
margin: 0;
background: var(--md-sys-color-background);
--md-sys-color-surface-container-high: var(--md-sys-color-surface-variant);
--md-sys-color-surface-container-highest: var(--md-sys-color-surface-variant);
--md-sys-color-surface-container: var(--md-sys-color-surface-variant);
}
span,
p,
td,
h1,
h2,
h3,
b,
v,
cite,
/* md-icon, */
input {
color: var(--md-sys-color-on-background);
}
#root {
min-height: 100vh;
}
@font-face {
font-family: "Material Symbols Rounded Filled";
font-style: normal;
font-weight: 400;
src: url(/material-icons-filled.woff) format("woff");
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(155, 155, 155);
border-radius: 20px;
border: transparent;
}
@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);