105 lines
2.7 KiB
CSS
105 lines
2.7 KiB
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Liberation Serif — bundled so the editor renders the EXACT metrics of the
|
|
font the exported .odt uses. odf-kit emits Liberation Serif as the document
|
|
default, and LibreOffice ships the identical file; this keeps the on-screen
|
|
preview pixel-faithful to the export. (SIL Open Font License — see
|
|
src/assets/fonts/LICENSE-LiberationFonts.txt.) */
|
|
@font-face {
|
|
font-family: 'Liberation Serif';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/LiberationSerif-Regular.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Liberation Serif';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/LiberationSerif-Bold.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Liberation Serif';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/LiberationSerif-Italic.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Liberation Serif';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/LiberationSerif-BoldItalic.ttf') format('truetype');
|
|
}
|
|
|
|
:root {
|
|
--radius: 6px;
|
|
--shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
|
|
--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
--font-serif: 'Liberation Serif', 'Times New Roman', Georgia, serif;
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--color-bg: #f1f5f9;
|
|
--color-surface: #ffffff;
|
|
--color-border: #e2e8f0;
|
|
--color-text: #1e293b;
|
|
--color-text-muted: #94a3b8;
|
|
--color-primary: #52748b;
|
|
--color-toolbar-bg: #ffffff;
|
|
--color-btn-hover: #cbd5e1;
|
|
--color-page-bg: #ffffff;
|
|
--color-page-text: #1e293b;
|
|
--color-page-border: #e2e8f0;
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--color-bg: #0d1117;
|
|
--color-surface: #161b22;
|
|
--color-border: #30363d;
|
|
--color-text: #f2e6f3;
|
|
--color-text-muted: #7d8590;
|
|
--color-primary: #52748b;
|
|
--color-toolbar-bg: #161b22;
|
|
--color-btn-hover: #3b4350;
|
|
--color-page-bg: #ffffff;
|
|
--color-page-text: #1e293b;
|
|
--color-page-border: #e2e8f0;
|
|
}
|
|
|
|
[data-theme="allBlack"] {
|
|
--color-bg: #0d1117;
|
|
--color-surface: #161b22;
|
|
--color-border: #30363d;
|
|
--color-text: #e6edf3;
|
|
--color-text-muted: #7d8590;
|
|
--color-primary: #52748b;
|
|
--color-toolbar-bg: #161b22;
|
|
--color-btn-hover: #3b4350;
|
|
--color-page-bg: #161b22;
|
|
--color-page-text: #e6edf3;
|
|
--color-page-border: #30363d;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
font-family: var(--font-sans);
|
|
background: var(--color-bg);
|
|
color: var(--color-text);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|