125 lines
No EOL
3.4 KiB
CSS
125 lines
No EOL
3.4 KiB
CSS
/* Berlin Spandau - Version "Force Mode" pour Zettlr */
|
|
|
|
/* --- CONFIGURATION GÉNÉRALE --- */
|
|
:root {
|
|
--m2o-background-editor: #212121;
|
|
--m2o-invisibles-color: #313131;
|
|
--m2o-md-mark-color: #ffffff;
|
|
--m2o-alt-background: #1d1d1d;
|
|
--m2o-editor-font: "JetBrainsMono NFP";
|
|
--m2o-code: #888888;
|
|
--system-accent-color: #64b5f6; /* Couleur d'accent par défaut */
|
|
}
|
|
|
|
/* --- MODE CLAIR (Light) --- */
|
|
/* Ces règles s'appliquent par défaut si Zettlr ne détecte pas le dark mode */
|
|
.cm-editor {
|
|
color: #000000 !important; /* Force noir pour le texte normal */
|
|
}
|
|
|
|
.cm-header-1 { color: #100812 !important; margin-bottom: 1.5rem !important; }
|
|
.cm-header-2 { color: #301934 !important; margin-bottom: 1.5rem !important; }
|
|
.cm-header-3 { color: #502A56 !important; margin-bottom: 1.5rem !important; }
|
|
.cm-header-4 { color: #703A79 !important; margin-bottom: 1.5rem !important; }
|
|
.cm-header-5 { color: #8F4B9B !important; margin-bottom: 1.5rem !important; }
|
|
.cm-header-6 { color: #8F4B9B !important; margin-bottom: 1.5rem !important; }
|
|
|
|
.cm-quote { color: #000000 !important; } /* Orange doux */
|
|
.cm-strong { color: #800000 !important; } /* Maroon */
|
|
.cm-emphasis { color: #009000 !important; } /* Rose doux */
|
|
|
|
/* --- MODE SOMBRE (Dark) --- */
|
|
/* Zettlr utilise souvent la classe 'dark' sur le body ou le wrapper */
|
|
body.dark .cm-editor,
|
|
.cm-editor.dark {
|
|
color: #ffffff !important; /* Force blanc pour le texte normal */
|
|
}
|
|
|
|
/* Headers en mode sombre (Couleurs Vives / Néon) */
|
|
body.dark .cm-header-1,
|
|
.cm-editor.dark .cm-header-1 {
|
|
color: #d4bfff !important; /* Blanc pur */
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
body.dark .cm-header-2,
|
|
.cm-editor.dark .cm-header-2 {
|
|
color: #b080ff !important; /* Violet clair */
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
body.dark .cm-header-3,
|
|
.cm-editor.dark .cm-header-3 {
|
|
color: #9955ff !important; /* Violet électrique */
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
body.dark .cm-header-4,
|
|
.cm-editor.dark .cm-header-4 {
|
|
color: #cc7aff !important; /* Violet vif */
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
body.dark .cm-header-5,
|
|
.cm-editor.dark .cm-header-5 {
|
|
color: #f0a0ff !important; /* Magenta vif */
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
body.dark .cm-header-6,
|
|
.cm-editor.dark .cm-header-6 {
|
|
color: #f0a0ff !important; /* Rose fuchsia */
|
|
margin-bottom: 1.5rem !important;
|
|
}
|
|
|
|
/* Texte formaté en mode sombre */
|
|
body.dark .cm-quote,
|
|
.cm-editor.dark .cm-quote {
|
|
color: #ffaa00 !important; /* Orange électrique */
|
|
}
|
|
|
|
body.dark .cm-strong,
|
|
.cm-editor.dark .cm-strong {
|
|
color: #C80815 !important; /* Cyan pur */
|
|
}
|
|
|
|
body.dark .cm-emphasis,
|
|
.cm-editor.dark .cm-emphasis {
|
|
color: #ff00ff !important; /* Magenta pur */
|
|
}
|
|
|
|
/* --- AUTRES STYLES --- */
|
|
.main-editor-wrapper {
|
|
background-color: var(--m2o-background-editor) !important;
|
|
font-family: var(--m2o-editor-font) !important;
|
|
}
|
|
|
|
.cm-content {
|
|
font-family: var(--m2o-editor-font) !important;
|
|
}
|
|
|
|
.cm-code, .cm-comment {
|
|
color: var(--m2o-code) !important;
|
|
background-color: var(--m2o-alt-background) !important;
|
|
}
|
|
|
|
.cm-hr, .cm-code-mark {
|
|
color: var(--m2o-md-mark-color) !important;
|
|
}
|
|
|
|
.cm-cursor {
|
|
background-color: var(--system-accent-color) !important;
|
|
}
|
|
|
|
.cm-selectionBackground {
|
|
background-color: var(--system-accent-color) !important;
|
|
}
|
|
|
|
::selection {
|
|
color: var(--system-accent-color-contrast) !important;
|
|
}
|
|
|
|
.cm-scroller {
|
|
padding-right: 4em !important;
|
|
padding-left: 1em !important;
|
|
} |