From ca260d66cc1937b40f2cf56c0524a4cf9f101e55 Mon Sep 17 00:00:00 2001 From: Merith-TK Date: Thu, 6 Feb 2025 17:44:46 +0000 Subject: [PATCH] split css from html --- main.css | 72 +++++++++++++++++++++++++++++++++++++++++++++++++++++ md.html | 75 +------------------------------------------------------- 2 files changed, 73 insertions(+), 74 deletions(-) create mode 100644 main.css diff --git a/main.css b/main.css new file mode 100644 index 0000000..39178fc --- /dev/null +++ b/main.css @@ -0,0 +1,72 @@ +/* Light Mode: Coffee Theme */ +.light-mode { + --background-color: #e7ddca; + --text-color: #5b4636; + --header-color: #8b6e4b; + --link-color: #a47551; + --link-hover-color: #d2a679; +} + +/* Dark Mode: Monokai Dimmed Theme */ +@media (prefers-color-scheme: dark) { + :root { + --background-color: #1e1e1e; + --text-color: #d4d4d4; + --header-color: #DACB1C; + --link-color: #ffdd00; + --link-hover-color: #dcdcaa; + } +} + +body { + background-color: var(--background-color); + color: var(--text-color); + font-family: "Helvetica Neue", Arial, sans-serif; + line-height: 1.6; + margin: 0; + padding: 20px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--header-color); +} + +a { + color: var(--link-color); + text-decoration: none; +} + +a:hover { + color: var(--link-hover-color); +} + +div { + max-width: 800px; + margin: 0 auto; +} + +/* Centering images and ensuring they fit within the body */ +img { + display: block; + max-width: 100%; + height: auto; + margin: 20px auto; +} + +/* Markdown Assist */ +pre { + background-color: #282c34; + color: #abb2bf; + padding: 15px; + border-radius: 5px; + overflow-x: auto; +} + +code { + font-family: monospace; +} \ No newline at end of file diff --git a/md.html b/md.html index 5c11f6a..4928e87 100644 --- a/md.html +++ b/md.html @@ -5,83 +5,10 @@ Markdown + -