Ajoute le style en local pour l'extension markdown

2025-11-21 14:14:32 +01:00 · 2025-11-21 14:14:32 +01:00 · c4bdd33571
commit c4bdd33571
parent 39461779af
1 changed files with 102 additions and 0 deletions
--- a/.crossnote/style.less
+++ b/.crossnote/style.less
@ -0,0 +1,102 @@
+/* Please visit the URL below for more information: */
+/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
+
+:root {
+  --color-background: var(--base);
+  --color-background-code: var(--crust);
+  --color-background-paginate: var(--mantle);
+  --color-foreground: var(--text);
+  --color-highlight: var(--blue);
+  --color-highlight-hover: var(--lavender);
+  --color-highlight-heading: var(--sapphire);
+  --color-header: var(--blue);
+  --color-header-shadow: transparent;
+
+  --text-font: "Ubuntu Nerd Font", Helvetica, sans-serif;
+  --title-font: "Ubuntu Nerd Font", Helvetica, sans-serif;
+  --mono-font: "UbuntuMono Nerd Font", monospace;
+
+  --standard-border-radius: .5rem;
+  --pink: #ea76cb;
+  --mauve: #8839ef;
+  --red: #d20f39;
+  --maroon: #e64553;
+  --peach: #fe640b;
+  --yellow: #df8e1d;
+  --green: #40a02b;
+  --teal: #179299;
+  --sky: #04a5e5;
+  --sapphire: #209fb5;
+  --blue: #1e66f5;
+  --lavender: #7287fd;
+  --text: #4c4f69;
+  --subtext1: #5c5f77;
+  --subtext0: #6c6f85;
+  --overlay2: #7c7f93;
+  --overlay1: #8c8fa1;
+  --overlay0: #9ca0b0;
+  --surface2: #acb0be;
+  --surface1: #bcc0cc;
+  --surface0: #ccd0da;
+  --base: #eff1f5;
+  --mantle: #e6e9ef;
+  --crust: #dce0e8;
+}
+
+.markdown-preview.markdown-preview {
+  font-family: var(--text-font);
+  font-size: 14px;
+  line-height: 1.5rem;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--title-font);
+    color: var(--text)
+  }
+
+  code {
+    color: var(--text);
+    font-family: var(--mono-font);
+    font-size: 14px;
+    border-radius: .3rem;
+    border-style: dashed;
+    border-color: var(--overlay0);
+    border-width: 1px;
+  }
+
+  pre {
+    margin-top: .8rem;
+    border-radius: .8rem;
+    border-style: solid;
+    border-color: var(--overlay0);
+    border-width: 2px;
+  }
+
+  pre>code {
+    border-style: none;
+  }
+
+  li::marker {
+    color: var(--overlay2);
+  }
+  
+  img {
+    border-radius: .8rem;
+    border-style: solid;
+    border-color: var(--overlay0);
+    border-width: 2px;
+  }
+
+  @media print {
+    font-size: 12px;
+    code {
+      white-space: pre-wrap;
+      font-size: 12px;
+    }
+  }
+}
+