From f20d7b036ef48a4bbf3313bcc27b71bac78462c0 Mon Sep 17 00:00:00 2001 From: Jose Falanga Date: Tue, 14 Oct 2025 10:58:17 -0300 Subject: [PATCH] adjustments --- arise-source/config/main.css | 184 ++++++++++++++++++----------------- 1 file changed, 94 insertions(+), 90 deletions(-) diff --git a/arise-source/config/main.css b/arise-source/config/main.css index 178bcae..df75d14 100644 --- a/arise-source/config/main.css +++ b/arise-source/config/main.css @@ -1,97 +1,109 @@ -/* =========================== - Thergic Cyber Markdown Theme - Expanded Neon Palette Edition - =========================== */ +/* ========================================= + Thergic Log - IDE Dark Theme Refinement + Monokai / JetBrains-inspired palette + ========================================= */ -/*** Base colors ***/ :root { - --bg-main: #121619; - --bg-surface: #1c2024; - --text-main: #cfd6cf; - --text-bright: #e6ffe8; - --accent-green: #65f85a; - --accent-teal: #3af8c2; - --accent-violet: #b86aff; - --border-dim: #2a2f33; + --bg-main: #1e1f22; + --bg-surface: #2b2d31; + --text-main: #e8e8e3; + --text-muted: #b6b6b0; + --accent-green: #98c379; + --accent-blue: #61afef; + --accent-orange: #d19a66; + --accent-purple: #c678dd; + --accent-red: #e06c75; + --border-dim: #2f3237; } -/*** General layout ***/ +/*** Layout ***/ body { background-color: var(--bg-main); color: var(--text-main); font-family: "Inter", "Segoe UI", sans-serif; - line-height: 1.65; font-size: 18px; + line-height: 1.65; margin: 40px auto; max-width: 750px; padding: 0 16px; } +/*** Header logo and nav ***/ +header img { + display: block; + margin: 0 auto; + max-width: 300px; + height: auto; + border: none; /* ✅ remove unwanted border on transparent PNGs */ + box-shadow: none; + background: none; +} + +header nav { + text-align: center; /* ✅ recenter navigation */ + margin-top: 0.5em; + font-size: 0.95em; +} +header nav a { + color: var(--accent-blue); + text-decoration: none; + margin: 0 6px; +} +header nav a:hover { + color: var(--accent-green); +} + /*** Headings ***/ h1, h2, h3, h4, h5, h6 { - color: var(--accent-green); font-weight: 700; margin-top: 2.2em; margin-bottom: 0.8em; - line-height: 1.25; - text-shadow: 0 0 6px rgba(101, 248, 90, 0.3); + line-height: 1.3; } - h1 { - font-size: 2.2em; - letter-spacing: 1px; - border-bottom: 1px solid var(--accent-green); + color: var(--accent-green); + font-size: 2.1em; + border-bottom: 1px solid var(--border-dim); padding-bottom: 0.4em; } -h2 { font-size: 1.7em; } -h3 { font-size: 1.3em; color: var(--accent-teal); } - -/*** Paragraphs and lists ***/ -p, ul, ol { - margin: 0 0 1.2em 0; +h2 { + color: var(--accent-blue); + font-size: 1.6em; } - -ul li, ol li { - margin: 0.25em 0; -} - -hr { - border: none; - height: 1px; - background: linear-gradient( - 90deg, - transparent, - var(--accent-green), - transparent - ); - margin: 2.2em 0; - opacity: 0.6; +h3 { + color: var(--accent-orange); + font-size: 1.25em; } /*** Links ***/ a { - color: var(--accent-teal); + color: var(--accent-blue); text-decoration: none; - transition: color 0.25s ease, text-shadow 0.25s ease; + transition: color 0.25s ease; } a:hover { - color: var(--accent-violet); - text-shadow: 0 0 8px var(--accent-violet); + color: var(--accent-purple); } -/*** Code blocks ***/ -code, pre { +/*** Text elements ***/ +p, ul, ol { + margin: 0 0 1.2em; +} +strong { color: var(--accent-green); } +em { color: var(--accent-orange); } +del { opacity: 0.6; } + +/*** Inline code ***/ +code { font-family: "JetBrains Mono", "Fira Code", monospace; font-size: 0.95em; -} - -code { - background: rgba(184, 106, 255, 0.08); - color: var(--accent-violet); + background: #2b2d31; + color: var(--accent-orange); padding: 2px 5px; border-radius: 4px; } +/*** Code blocks ***/ pre { background: var(--bg-surface); padding: 1em; @@ -99,28 +111,30 @@ pre { overflow-x: auto; margin: 1.5em 0; border: 1px solid var(--border-dim); - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.35); } - pre code { + color: var(--text-main); background: none; - color: var(--text-bright); } -/*** Syntax highlighting (light-touch pseudo) ***/ -pre span.kw { color: var(--accent-teal); } -pre span.fn { color: var(--accent-violet); } -pre span.str { color: var(--accent-green); } -pre span.num { color: #f8cb3a; } +/*** Syntax highlight – Monokai / JetBrains style ***/ +pre .kw { color: var(--accent-red); font-weight: 600; } /* keywords */ +pre .fn { color: var(--accent-blue); } /* functions */ +pre .str { color: var(--accent-green); } /* strings */ +pre .num { color: #d19a66; } /* numbers */ +pre .com { color: #7f848e; font-style: italic; } /* comments */ +pre .cls { color: var(--accent-purple); } /* classes */ +pre .var { color: #e5c07b; } /* variables */ /*** Blockquotes ***/ blockquote { - border-left: 3px solid var(--accent-violet); - background: rgba(184, 106, 255, 0.05); + border-left: 3px solid var(--accent-blue); + background: rgba(97, 175, 239, 0.07); padding: 0.8em 1em; margin: 1.8em 0; font-style: italic; - color: var(--text-bright); + color: var(--text-muted); border-radius: 4px; } @@ -136,48 +150,38 @@ th, td { padding: 0.6em 0.8em; } th { - background: rgba(101, 248, 90, 0.1); - color: var(--accent-green); + background: rgba(97, 175, 239, 0.1); + color: var(--accent-blue); text-align: left; } tr:nth-child(even) td { background: rgba(255, 255, 255, 0.02); } -tr:hover td { - background: rgba(58, 248, 194, 0.05); -} -/*** Misc elements ***/ -em { color: var(--accent-teal); } -strong { color: var(--accent-green); } -del { opacity: 0.6; } -sup { font-size: 0.7em; } - -img { - display: block; - max-width: 100%; - height: auto; - border-radius: 8px; - margin: 1.5em auto; - border: 1px solid var(--border-dim); +/*** HR separator ***/ +hr { + border: none; + height: 1px; + background: var(--border-dim); + margin: 2.2em 0; } /*** Footer ***/ footer { - border-top: 1px solid var(--accent-green); + border-top: 1px solid var(--border-dim); margin-top: 3em; padding-top: 1em; text-align: center; font-size: 0.85em; - opacity: 0.8; + color: var(--text-muted); } -/*** Transitions / Interactions ***/ -button, a, code, pre, table, blockquote { +/*** Transitions ***/ +a, code, pre, table, blockquote { transition: all 0.25s ease; } -/*** Glow hover for fun ***/ +/*** Remove over-bright glows ***/ pre:hover, blockquote:hover, table:hover { - box-shadow: 0 0 8px rgba(101, 248, 90, 0.25); + box-shadow: 0 0 6px rgba(97, 175, 239, 0.15); }