nodes/app/src/routes/app.css

65 lines
1.6 KiB
CSS
Raw Normal View History

2024-03-06 14:01:07 +01:00
/* fira-code-300 - latin */
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Fira Code';
font-style: normal;
font-weight: 300;
src: url('/fonts/fira-code-v22-latin-300.woff2') format('woff2');
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-code-600 - latin */
@font-face {
font-display: swap;
/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Fira Code';
font-style: normal;
font-weight: 600;
src: url('/fonts/fira-code-v22-latin-600.woff2') format('woff2');
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
2024-03-14 16:55:11 +01:00
--font-family: 'Fira Code', monospace;
font-family: var(--font-family);
2024-03-14 13:02:19 +01:00
/* Spacing */
--spacing-xs: 4px;
/* Extra small spacing */
--spacing-sm: 8px;
/* Small spacing */
--spacing-md: 16px;
/* Medium spacing */
--spacing-lg: 24px;
/* Large spacing */
--spacing-xl: 32px;
/* Extra large spacing */
2024-03-06 14:01:07 +01:00
}
body {
overflow: hidden;
2024-03-14 16:28:38 +01:00
/* Secondary color */
--secondary-color: #6c757d;
/* Background color */
--background-color-lighter: #202020;
--background-color: #151515;
--background-color-darker: #101010;
--text-color: #aeaeae;
2024-03-14 16:55:11 +01:00
background-color: var(--background-color-darker);
2024-03-14 16:28:38 +01:00
}
body.theme-catppuccin {
--text-color: #CDD6F4;
--background-color-lighter: #313244;
--background-color: #1E1E2E;
--background-color-darker: #11111b;
}
2024-03-14 16:28:38 +01:00
/* canvas { */
/* display: none !important; */
/* } */