From 311304f365168ef0462c01fd71fc2bcb03c7a11c Mon Sep 17 00:00:00 2001 From: Amit Haridas Date: Mon, 14 Sep 2026 19:58:56 +0530 Subject: [PATCH] refactor(styles): extract 25 existing themes into per-theme CSS files --- src/styles-concreteinfo.css | 315 ----- src/styles-modern.css | 997 -------------- src/styles.css | 1855 -------------------------- src/styles/themes/atomonelight.css | 72 + src/styles/themes/ayu-dark.css | 72 + src/styles/themes/ayu-light.css | 72 + src/styles/themes/ayu-mirage.css | 72 + src/styles/themes/cobalt2.css | 72 + src/styles/themes/concrete-dark.css | 144 ++ src/styles/themes/concrete-light.css | 128 ++ src/styles/themes/concrete-warm.css | 139 ++ src/styles/themes/dark.css | 170 +++ src/styles/themes/dracula.css | 72 + src/styles/themes/github.css | 126 ++ src/styles/themes/gruvbox-dark.css | 72 + src/styles/themes/gruvbox-light.css | 72 + src/styles/themes/light.css | 85 ++ src/styles/themes/material.css | 72 + src/styles/themes/monokai.css | 135 ++ src/styles/themes/nord.css | 72 + src/styles/themes/oceanic-next.css | 72 + src/styles/themes/onedark.css | 88 ++ src/styles/themes/palenight.css | 72 + src/styles/themes/paper.css | 78 ++ src/styles/themes/rosepine-dawn.css | 127 ++ src/styles/themes/sepia.css | 126 ++ src/styles/themes/solarized.css | 107 ++ src/styles/themes/tokyonight.css | 88 ++ 28 files changed, 2405 insertions(+), 3167 deletions(-) create mode 100644 src/styles/themes/atomonelight.css create mode 100644 src/styles/themes/ayu-dark.css create mode 100644 src/styles/themes/ayu-light.css create mode 100644 src/styles/themes/ayu-mirage.css create mode 100644 src/styles/themes/cobalt2.css create mode 100644 src/styles/themes/concrete-dark.css create mode 100644 src/styles/themes/concrete-light.css create mode 100644 src/styles/themes/concrete-warm.css create mode 100644 src/styles/themes/dark.css create mode 100644 src/styles/themes/dracula.css create mode 100644 src/styles/themes/github.css create mode 100644 src/styles/themes/gruvbox-dark.css create mode 100644 src/styles/themes/gruvbox-light.css create mode 100644 src/styles/themes/light.css create mode 100644 src/styles/themes/material.css create mode 100644 src/styles/themes/monokai.css create mode 100644 src/styles/themes/nord.css create mode 100644 src/styles/themes/oceanic-next.css create mode 100644 src/styles/themes/onedark.css create mode 100644 src/styles/themes/palenight.css create mode 100644 src/styles/themes/paper.css create mode 100644 src/styles/themes/rosepine-dawn.css create mode 100644 src/styles/themes/sepia.css create mode 100644 src/styles/themes/solarized.css create mode 100644 src/styles/themes/tokyonight.css diff --git a/src/styles-concreteinfo.css b/src/styles-concreteinfo.css index 8ed8109..981de6a 100644 --- a/src/styles-concreteinfo.css +++ b/src/styles-concreteinfo.css @@ -358,72 +358,6 @@ body.theme-concreteinfo .status-bar { font-family: 'SFMono-Regular', Consolas, monospace; } -/* Dark theme header adjustments */ -body.theme-dark .app-header, -body.theme-dracula .app-header, -body.theme-onedark .app-header, -body.theme-tokyonight .app-header, -body.theme-monokai .app-header, -body.theme-cobalt2 .app-header, -body.theme-gruvbox-dark .app-header, -body.theme-ayu-dark .app-header, -body.theme-ayu-mirage .app-header, -body.theme-palenight .app-header, -body.theme-oceanic-next .app-header, -body.theme-nord .app-header, -body.theme-concrete-dark .app-header { - background: #1f2937; - border-bottom-color: #374151; -} - -body.theme-dark .app-title, -body.theme-dracula .app-title, -body.theme-onedark .app-title, -body.theme-tokyonight .app-title, -body.theme-monokai .app-title, -body.theme-cobalt2 .app-title, -body.theme-gruvbox-dark .app-title, -body.theme-ayu-dark .app-title, -body.theme-ayu-mirage .app-title, -body.theme-palenight .app-title, -body.theme-oceanic-next .app-title, -body.theme-nord .app-title, -body.theme-concrete-dark .app-title { - color: #f3f4f6; -} - -body.theme-dark .app-version, -body.theme-dracula .app-version, -body.theme-onedark .app-version, -body.theme-tokyonight .app-version, -body.theme-monokai .app-version, -body.theme-cobalt2 .app-version, -body.theme-gruvbox-dark .app-version, -body.theme-ayu-dark .app-version, -body.theme-ayu-mirage .app-version, -body.theme-palenight .app-version, -body.theme-oceanic-next .app-version, -body.theme-nord .app-version, -body.theme-concrete-dark .app-version { - color: #9ca3af; -} - -body.theme-dark .app-logo, -body.theme-dracula .app-logo, -body.theme-onedark .app-logo, -body.theme-tokyonight .app-logo, -body.theme-monokai .app-logo, -body.theme-cobalt2 .app-logo, -body.theme-gruvbox-dark .app-logo, -body.theme-ayu-dark .app-logo, -body.theme-ayu-mirage .app-logo, -body.theme-palenight .app-logo, -body.theme-oceanic-next .app-logo, -body.theme-nord .app-logo, -body.theme-concrete-dark .app-logo { - filter: none; -} - /* ============================================ Converter Cards ============================================ */ @@ -734,255 +668,6 @@ body.theme-concreteinfo-dark .modal-footer { } } -/* ============================================ - Concrete Dark Theme - ============================================ */ -body.theme-concrete-dark { - background: #1a1a1a; - color: #e3e3e3; -} - -body.theme-concrete-dark .toolbar { - background: linear-gradient(135deg, #0d0b09 0%, #1a1a1a 100%); - border-bottom: 3px solid #e5461f; -} - -body.theme-concrete-dark .toolbar button { - color: #e3e3e3; -} - -body.theme-concrete-dark .toolbar button:hover { - background: #e5461f; -} - -body.theme-concrete-dark .tab-bar { - background: #0d0b09; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-dark .tab { - background: #2a2a2a; - color: #e3e3e3; - border-radius: 4px 4px 0 0; -} - -body.theme-concrete-dark .tab.active { - background: #464646; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-dark .editor-textarea, -body.theme-concrete-dark .editor-pane { - background: #1a1a1a; - color: #e3e3e3; -} - -body.theme-concrete-dark .preview-content { - background: #1a1a1a; - color: #e3e3e3; -} - -body.theme-concrete-dark .status-bar { - background: #0d0b09; - color: #9a9696; - border-top: 1px solid #464646; -} - -body.theme-concrete-dark .export-dialog-content, -body.theme-concrete-dark .batch-dialog-content { - background: #2a2a2a; - color: #e3e3e3; -} - -body.theme-concrete-dark .export-dialog-header, -body.theme-concrete-dark .batch-dialog-header { - background: #1a1a1a; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-dark .export-dialog-footer, -body.theme-concrete-dark .batch-dialog-footer { - background: #1a1a1a; -} - -body.theme-concrete-dark input, -body.theme-concrete-dark select, -body.theme-concrete-dark textarea { - background: #1a1a1a; - color: #e3e3e3; - border-color: #464646; -} - -body.theme-concrete-dark input:focus, -body.theme-concrete-dark select:focus, -body.theme-concrete-dark textarea:focus { - border-color: #e5461f; -} - -body.theme-concrete-dark .line-numbers { - background: #0d0b09; - color: #9a9696; -} - -/* ============================================ - Concrete Light Theme - ============================================ */ -body.theme-concrete-light { - background: #f5f5f5; - color: #464646; -} - -body.theme-concrete-light .toolbar { - background: #ffffff; - border-bottom: 3px solid #e5461f; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -} - -body.theme-concrete-light .toolbar button { - color: #464646; -} - -body.theme-concrete-light .toolbar button:hover { - background: #e5461f; - color: #ffffff; -} - -body.theme-concrete-light .tab-bar { - background: #ffffff; - border-bottom: 2px solid #e3e3e3; -} - -body.theme-concrete-light .tab { - background: #f5f5f5; - color: #464646; - border-radius: 4px 4px 0 0; -} - -body.theme-concrete-light .tab.active { - background: #ffffff; - border-bottom: 2px solid #e5461f; - color: #e5461f; -} - -body.theme-concrete-light .editor-textarea, -body.theme-concrete-light .editor-pane { - background: #ffffff; - color: #464646; -} - -body.theme-concrete-light .preview-content { - background: #ffffff; - color: #464646; -} - -body.theme-concrete-light .status-bar { - background: #ffffff; - color: #9a9696; - border-top: 1px solid #e3e3e3; -} - -body.theme-concrete-light .export-dialog-content, -body.theme-concrete-light .batch-dialog-content { - background: #ffffff; - color: #464646; -} - -body.theme-concrete-light .export-dialog-header, -body.theme-concrete-light .batch-dialog-header { - background: #f5f5f5; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-light .line-numbers { - background: #f5f5f5; - color: #9a9696; -} - -/* ============================================ - Concrete Warm Theme - ============================================ */ -body.theme-concrete-warm { - background: #faf8f5; - color: #464646; -} - -body.theme-concrete-warm .toolbar { - background: linear-gradient(135deg, #464646 0%, #5a5a5a 100%); - border-bottom: 3px solid #e5461f; -} - -body.theme-concrete-warm .toolbar button { - color: #faf8f5; -} - -body.theme-concrete-warm .toolbar button:hover { - background: #e5461f; -} - -body.theme-concrete-warm .tab-bar { - background: #464646; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-warm .tab { - background: #6a6a6a; - color: #faf8f5; - border-radius: 4px 4px 0 0; -} - -body.theme-concrete-warm .tab.active { - background: #faf8f5; - color: #e5461f; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-warm .editor-textarea, -body.theme-concrete-warm .editor-pane { - background: #faf8f5; - color: #464646; -} - -body.theme-concrete-warm .preview-content { - background: #faf8f5; - color: #464646; -} - -body.theme-concrete-warm .status-bar { - background: #f0ebe4; - color: #9a9696; - border-top: 1px solid #e3e3e3; -} - -body.theme-concrete-warm .export-dialog-content, -body.theme-concrete-warm .batch-dialog-content { - background: #faf8f5; - color: #464646; -} - -body.theme-concrete-warm .export-dialog-header, -body.theme-concrete-warm .batch-dialog-header { - background: #f0ebe4; - border-bottom: 2px solid #e5461f; -} - -body.theme-concrete-warm h1, -body.theme-concrete-warm h2, -body.theme-concrete-warm h3, -body.theme-concrete-warm h4, -body.theme-concrete-warm h5, -body.theme-concrete-warm h6 { - color: #e5461f; -} - -body.theme-concrete-warm a { - color: #e5461f; -} - -body.theme-concrete-warm .line-numbers { - background: #f0ebe4; - color: #9a9696; -} - /* Monospace font + ligature toggles — driven by body classes from renderer */ body.mono-jetbrains { --font-mono-active: 'JetBrains Mono', monospace; diff --git a/src/styles-modern.css b/src/styles-modern.css index 7346d25..2b55064 100644 --- a/src/styles-modern.css +++ b/src/styles-modern.css @@ -888,27 +888,6 @@ body { background: rgba(255, 255, 255, 0.8); } -/* Dark theme resizer */ -body.theme-dark .pane-resizer, -body.theme-one-dark .pane-resizer, -body.theme-dracula .pane-resizer, -body.theme-nord .pane-resizer, -body.theme-tokyo-night .pane-resizer, -body.theme-palenight .pane-resizer, -body.theme-ayu-dark .pane-resizer, -body.theme-ayu-mirage .pane-resizer, -body.theme-oceanic-next .pane-resizer, -body.theme-gruvbox-dark .pane-resizer, -body.theme-cobalt2 .pane-resizer { - background: linear-gradient(to right, #333, #444, #333); -} - -body.theme-dark .pane-resizer:hover, -body.theme-one-dark .pane-resizer:hover, -body.theme-dracula .pane-resizer:hover { - background: #61afef; -} - /* ======================================== PDF Viewer Styles Full-featured PDF reader @@ -1048,303 +1027,6 @@ body.theme-dracula .pane-resizer:hover { padding: 6px 10px !important; } -/* Light theme PDF toolbar - refined styling */ -body.theme-light .pdf-viewer-toolbar, -body.theme-atomonelight .pdf-viewer-toolbar, -body.theme-github .pdf-viewer-toolbar, -body.theme-solarized .pdf-viewer-toolbar, -body.theme-gruvbox-light .pdf-viewer-toolbar, -body.theme-ayu-light .pdf-viewer-toolbar, -body.theme-sepia .pdf-viewer-toolbar, -body.theme-paper .pdf-viewer-toolbar, -body.theme-rosepine-dawn .pdf-viewer-toolbar { - background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%) !important; - border-bottom: 1px solid #d0d0d0 !important; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); -} - -body.theme-light .pdf-viewer-toolbar button, -body.theme-atomonelight .pdf-viewer-toolbar button, -body.theme-github .pdf-viewer-toolbar button, -body.theme-solarized .pdf-viewer-toolbar button, -body.theme-gruvbox-light .pdf-viewer-toolbar button, -body.theme-ayu-light .pdf-viewer-toolbar button, -body.theme-sepia .pdf-viewer-toolbar button, -body.theme-paper .pdf-viewer-toolbar button, -body.theme-rosepine-dawn .pdf-viewer-toolbar button { - background: #fff !important; - border: 1px solid #ccc !important; - color: #333 !important; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -} - -body.theme-light .pdf-viewer-toolbar button:hover, -body.theme-atomonelight .pdf-viewer-toolbar button:hover, -body.theme-github .pdf-viewer-toolbar button:hover, -body.theme-solarized .pdf-viewer-toolbar button:hover, -body.theme-gruvbox-light .pdf-viewer-toolbar button:hover, -body.theme-ayu-light .pdf-viewer-toolbar button:hover, -body.theme-sepia .pdf-viewer-toolbar button:hover, -body.theme-paper .pdf-viewer-toolbar button:hover, -body.theme-rosepine-dawn .pdf-viewer-toolbar button:hover { - background: #e8e8e8 !important; - border-color: #bbb !important; -} - -/* Light theme PDF editor buttons */ -body.theme-light .pdf-editor-btn, -body.theme-atomonelight .pdf-editor-btn, -body.theme-github .pdf-editor-btn, -body.theme-solarized .pdf-editor-btn, -body.theme-gruvbox-light .pdf-editor-btn, -body.theme-ayu-light .pdf-editor-btn, -body.theme-sepia .pdf-editor-btn, -body.theme-paper .pdf-editor-btn, -body.theme-rosepine-dawn .pdf-editor-btn { - background: linear-gradient(135deg, #4a90d9, #357abd) !important; - border: 1px solid #357abd !important; -} - -body.theme-light .pdf-editor-btn:hover, -body.theme-atomonelight .pdf-editor-btn:hover, -body.theme-github .pdf-editor-btn:hover, -body.theme-solarized .pdf-editor-btn:hover, -body.theme-gruvbox-light .pdf-editor-btn:hover, -body.theme-ayu-light .pdf-editor-btn:hover, -body.theme-sepia .pdf-editor-btn:hover, -body.theme-paper .pdf-editor-btn:hover, -body.theme-rosepine-dawn .pdf-editor-btn:hover { - background: linear-gradient(135deg, #357abd, #2868a0) !important; -} - -/* Light theme page info */ -body.theme-light #pdf-page-info, -body.theme-atomonelight #pdf-page-info, -body.theme-github #pdf-page-info, -body.theme-solarized #pdf-page-info, -body.theme-gruvbox-light #pdf-page-info, -body.theme-ayu-light #pdf-page-info, -body.theme-sepia #pdf-page-info, -body.theme-paper #pdf-page-info, -body.theme-rosepine-dawn #pdf-page-info, -body.theme-light #pdf-zoom-level, -body.theme-atomonelight #pdf-zoom-level, -body.theme-github #pdf-zoom-level, -body.theme-solarized #pdf-zoom-level, -body.theme-gruvbox-light #pdf-zoom-level, -body.theme-ayu-light #pdf-zoom-level, -body.theme-sepia #pdf-zoom-level, -body.theme-paper #pdf-zoom-level, -body.theme-rosepine-dawn #pdf-zoom-level { - color: #444 !important; - font-weight: 500; -} - -body.theme-light #pdf-page-input, -body.theme-atomonelight #pdf-page-input, -body.theme-github #pdf-page-input, -body.theme-solarized #pdf-page-input, -body.theme-gruvbox-light #pdf-page-input, -body.theme-ayu-light #pdf-page-input, -body.theme-sepia #pdf-page-input, -body.theme-paper #pdf-page-input, -body.theme-rosepine-dawn #pdf-page-input { - background: #fff !important; - border: 1px solid #ccc !important; - color: #333 !important; -} - -body.theme-light .pdf-toolbar-separator, -body.theme-atomonelight .pdf-toolbar-separator, -body.theme-github .pdf-toolbar-separator, -body.theme-solarized .pdf-toolbar-separator, -body.theme-gruvbox-light .pdf-toolbar-separator, -body.theme-ayu-light .pdf-toolbar-separator, -body.theme-sepia .pdf-toolbar-separator, -body.theme-paper .pdf-toolbar-separator, -body.theme-rosepine-dawn .pdf-toolbar-separator { - background: #d0d0d0 !important; -} - -body.theme-light .pdf-filename, -body.theme-atomonelight .pdf-filename, -body.theme-github .pdf-filename, -body.theme-solarized .pdf-filename, -body.theme-gruvbox-light .pdf-filename, -body.theme-ayu-light .pdf-filename, -body.theme-sepia .pdf-filename, -body.theme-paper .pdf-filename, -body.theme-rosepine-dawn .pdf-filename { - color: #555 !important; -} - -/* Sepia theme specific */ -body.theme-sepia .pdf-viewer-toolbar { - background: linear-gradient(180deg, #f4f0e8 0%, #e8e4dc 100%) !important; - border-bottom-color: #cdc8c0 !important; -} - -body.theme-sepia .pdf-viewer { - background: #d8d4cc !important; -} - -/* Rose Pine Dawn specific */ -body.theme-rosepine-dawn .pdf-viewer-toolbar { - background: linear-gradient(180deg, #faf4ed 0%, #f2e9e1 100%) !important; - border-bottom-color: #ddd8d1 !important; -} - -body.theme-rosepine-dawn .pdf-viewer { - background: #e6e0d8 !important; -} - -/* Dark theme PDF toolbar refinement */ -body.theme-dark .pdf-viewer-toolbar, -body.theme-onedark .pdf-viewer-toolbar, -body.theme-one-dark .pdf-viewer-toolbar, -body.theme-dracula .pdf-viewer-toolbar, -body.theme-nord .pdf-viewer-toolbar, -body.theme-tokyo-night .pdf-viewer-toolbar, -body.theme-tokyonight .pdf-viewer-toolbar, -body.theme-palenight .pdf-viewer-toolbar, -body.theme-monokai .pdf-viewer-toolbar, -body.theme-material .pdf-viewer-toolbar, -body.theme-gruvbox-dark .pdf-viewer-toolbar, -body.theme-ayu-dark .pdf-viewer-toolbar, -body.theme-ayu-mirage .pdf-viewer-toolbar, -body.theme-oceanic-next .pdf-viewer-toolbar, -body.theme-cobalt2 .pdf-viewer-toolbar, -body.theme-concrete-dark .pdf-viewer-toolbar, -body.theme-concrete-warm .pdf-viewer-toolbar { - background: linear-gradient(180deg, #2d2d2d 0%, #252525 100%) !important; - border-bottom: 1px solid #1a1a1a !important; -} - -body.theme-dark .pdf-viewer-toolbar button, -body.theme-onedark .pdf-viewer-toolbar button, -body.theme-one-dark .pdf-viewer-toolbar button, -body.theme-dracula .pdf-viewer-toolbar button, -body.theme-nord .pdf-viewer-toolbar button, -body.theme-tokyo-night .pdf-viewer-toolbar button, -body.theme-tokyonight .pdf-viewer-toolbar button, -body.theme-palenight .pdf-viewer-toolbar button, -body.theme-monokai .pdf-viewer-toolbar button, -body.theme-material .pdf-viewer-toolbar button, -body.theme-gruvbox-dark .pdf-viewer-toolbar button, -body.theme-ayu-dark .pdf-viewer-toolbar button, -body.theme-ayu-mirage .pdf-viewer-toolbar button, -body.theme-oceanic-next .pdf-viewer-toolbar button, -body.theme-cobalt2 .pdf-viewer-toolbar button, -body.theme-concrete-dark .pdf-viewer-toolbar button, -body.theme-concrete-warm .pdf-viewer-toolbar button { - background: #3d3d3d !important; - border: 1px solid #4d4d4d !important; - color: #e0e0e0 !important; -} - -body.theme-dark .pdf-viewer-toolbar button:hover, -body.theme-onedark .pdf-viewer-toolbar button:hover, -body.theme-one-dark .pdf-viewer-toolbar button:hover, -body.theme-dracula .pdf-viewer-toolbar button:hover, -body.theme-nord .pdf-viewer-toolbar button:hover, -body.theme-tokyo-night .pdf-viewer-toolbar button:hover, -body.theme-tokyonight .pdf-viewer-toolbar button:hover, -body.theme-palenight .pdf-viewer-toolbar button:hover, -body.theme-monokai .pdf-viewer-toolbar button:hover, -body.theme-material .pdf-viewer-toolbar button:hover, -body.theme-gruvbox-dark .pdf-viewer-toolbar button:hover, -body.theme-ayu-dark .pdf-viewer-toolbar button:hover, -body.theme-ayu-mirage .pdf-viewer-toolbar button:hover, -body.theme-oceanic-next .pdf-viewer-toolbar button:hover, -body.theme-cobalt2 .pdf-viewer-toolbar button:hover, -body.theme-concrete-dark .pdf-viewer-toolbar button:hover, -body.theme-concrete-warm .pdf-viewer-toolbar button:hover { - background: #4d4d4d !important; - border-color: #5d5d5d !important; -} - -body.theme-dark .pdf-viewer, -body.theme-onedark .pdf-viewer, -body.theme-one-dark .pdf-viewer, -body.theme-dracula .pdf-viewer, -body.theme-nord .pdf-viewer, -body.theme-tokyo-night .pdf-viewer, -body.theme-tokyonight .pdf-viewer, -body.theme-palenight .pdf-viewer, -body.theme-monokai .pdf-viewer, -body.theme-material .pdf-viewer, -body.theme-gruvbox-dark .pdf-viewer, -body.theme-ayu-dark .pdf-viewer, -body.theme-ayu-mirage .pdf-viewer, -body.theme-oceanic-next .pdf-viewer, -body.theme-cobalt2 .pdf-viewer, -body.theme-concrete-dark .pdf-viewer, -body.theme-concrete-warm .pdf-viewer { - background: #1a1a1a !important; -} - -body.theme-dark .pdf-viewer-container, -body.theme-onedark .pdf-viewer-container, -body.theme-one-dark .pdf-viewer-container, -body.theme-dracula .pdf-viewer-container, -body.theme-nord .pdf-viewer-container, -body.theme-tokyo-night .pdf-viewer-container, -body.theme-tokyonight .pdf-viewer-container, -body.theme-palenight .pdf-viewer-container, -body.theme-monokai .pdf-viewer-container, -body.theme-material .pdf-viewer-container, -body.theme-gruvbox-dark .pdf-viewer-container, -body.theme-ayu-dark .pdf-viewer-container, -body.theme-ayu-mirage .pdf-viewer-container, -body.theme-oceanic-next .pdf-viewer-container, -body.theme-cobalt2 .pdf-viewer-container, -body.theme-concrete-dark .pdf-viewer-container, -body.theme-concrete-warm .pdf-viewer-container { - background: #1a1a1a !important; -} - -body.theme-dark #pdf-page-input, -body.theme-onedark #pdf-page-input, -body.theme-one-dark #pdf-page-input, -body.theme-dracula #pdf-page-input, -body.theme-nord #pdf-page-input, -body.theme-tokyo-night #pdf-page-input, -body.theme-tokyonight #pdf-page-input, -body.theme-palenight #pdf-page-input, -body.theme-monokai #pdf-page-input, -body.theme-material #pdf-page-input, -body.theme-gruvbox-dark #pdf-page-input, -body.theme-ayu-dark #pdf-page-input, -body.theme-ayu-mirage #pdf-page-input, -body.theme-oceanic-next #pdf-page-input, -body.theme-cobalt2 #pdf-page-input, -body.theme-concrete-dark #pdf-page-input, -body.theme-concrete-warm #pdf-page-input { - background: #3d3d3d !important; - border: 1px solid #4d4d4d !important; - color: #e0e0e0 !important; -} - -body.theme-dark .pdf-toolbar-separator, -body.theme-onedark .pdf-toolbar-separator, -body.theme-one-dark .pdf-toolbar-separator, -body.theme-dracula .pdf-toolbar-separator, -body.theme-nord .pdf-toolbar-separator, -body.theme-tokyo-night .pdf-toolbar-separator, -body.theme-tokyonight .pdf-toolbar-separator, -body.theme-palenight .pdf-toolbar-separator, -body.theme-monokai .pdf-toolbar-separator, -body.theme-material .pdf-toolbar-separator, -body.theme-gruvbox-dark .pdf-toolbar-separator, -body.theme-ayu-dark .pdf-toolbar-separator, -body.theme-ayu-mirage .pdf-toolbar-separator, -body.theme-oceanic-next .pdf-toolbar-separator, -body.theme-cobalt2 .pdf-toolbar-separator, -body.theme-concrete-dark .pdf-toolbar-separator, -body.theme-concrete-warm .pdf-toolbar-separator { - background: #3d3d3d !important; -} - .pdf-viewer { flex: 1; overflow: auto; @@ -1360,81 +1042,6 @@ body.theme-concrete-warm .pdf-toolbar-separator { background: white; } -/* Light theme PDF viewer */ -body.theme-light .pdf-viewer-container, -body.theme-atomonelight .pdf-viewer-container, -body.theme-github .pdf-viewer-container, -body.theme-solarized .pdf-viewer-container, -body.theme-gruvbox-light .pdf-viewer-container, -body.theme-ayu-light .pdf-viewer-container, -body.theme-sepia .pdf-viewer-container, -body.theme-paper .pdf-viewer-container, -body.theme-rosepine-dawn .pdf-viewer-container { - background: #e8e8e8; -} - -body.theme-light .pdf-viewer-toolbar, -body.theme-atomonelight .pdf-viewer-toolbar, -body.theme-github .pdf-viewer-toolbar, -body.theme-solarized .pdf-viewer-toolbar, -body.theme-gruvbox-light .pdf-viewer-toolbar, -body.theme-ayu-light .pdf-viewer-toolbar, -body.theme-sepia .pdf-viewer-toolbar, -body.theme-paper .pdf-viewer-toolbar, -body.theme-rosepine-dawn .pdf-viewer-toolbar { - background: #f5f5f5; - border-bottom-color: #ddd; -} - -body.theme-light .pdf-viewer-toolbar button, -body.theme-atomonelight .pdf-viewer-toolbar button, -body.theme-github .pdf-viewer-toolbar button { - background: #fff; - border-color: #ddd; - color: #333; -} - -body.theme-light .pdf-viewer-toolbar button:hover, -body.theme-atomonelight .pdf-viewer-toolbar button:hover, -body.theme-github .pdf-viewer-toolbar button:hover { - background: #e8e8e8; -} - -body.theme-light #pdf-page-info, -body.theme-atomonelight #pdf-page-info, -body.theme-github #pdf-page-info, -body.theme-light #pdf-zoom-level, -body.theme-atomonelight #pdf-zoom-level, -body.theme-github #pdf-zoom-level { - color: #333; -} - -body.theme-light #pdf-page-input, -body.theme-atomonelight #pdf-page-input, -body.theme-github #pdf-page-input { - background: #fff; - border-color: #ddd; - color: #333; -} - -body.theme-light .pdf-filename, -body.theme-atomonelight .pdf-filename, -body.theme-github .pdf-filename { - color: #666; -} - -body.theme-light .pdf-viewer, -body.theme-atomonelight .pdf-viewer, -body.theme-github .pdf-viewer, -body.theme-solarized .pdf-viewer, -body.theme-gruvbox-light .pdf-viewer, -body.theme-ayu-light .pdf-viewer, -body.theme-sepia .pdf-viewer, -body.theme-paper .pdf-viewer, -body.theme-rosepine-dawn .pdf-viewer { - background: #d0d0d0; -} - /* ======================================== Print Styles for styles-modern.css Ensures proper print output @@ -1546,615 +1153,11 @@ body.theme-rosepine-dawn .pdf-viewer { /* The theme colors are inherited from the body class */ } -/* ======================================== - Dark Theme Overrides for styles-modern.css - These ensure dark themes work properly - ======================================== */ - -/* Common dark theme styles for preview content */ -body.theme-dark .preview-content, -body.theme-dark [id^='preview-'], -body.theme-one-dark .preview-content, -body.theme-one-dark [id^='preview-'], -body.theme-dracula .preview-content, -body.theme-dracula [id^='preview-'], -body.theme-nord .preview-content, -body.theme-nord [id^='preview-'], -body.theme-tokyo-night .preview-content, -body.theme-tokyo-night [id^='preview-'], -body.theme-palenight .preview-content, -body.theme-palenight [id^='preview-'], -body.theme-ayu-dark .preview-content, -body.theme-ayu-dark [id^='preview-'], -body.theme-ayu-mirage .preview-content, -body.theme-ayu-mirage [id^='preview-'], -body.theme-oceanic-next .preview-content, -body.theme-oceanic-next [id^='preview-'], -body.theme-gruvbox-dark .preview-content, -body.theme-gruvbox-dark [id^='preview-'], -body.theme-cobalt2 .preview-content, -body.theme-cobalt2 [id^='preview-'] { - color: #e6e6e6; - background: transparent; -} - -/* Dark theme headings */ -body.theme-dark .preview-content h1, -body.theme-dark .preview-content h2, -body.theme-dark .preview-content h3, -body.theme-dark .preview-content h4, -body.theme-dark .preview-content h5, -body.theme-dark .preview-content h6, -body.theme-one-dark .preview-content h1, -body.theme-one-dark .preview-content h2, -body.theme-one-dark .preview-content h3, -body.theme-one-dark .preview-content h4, -body.theme-one-dark .preview-content h5, -body.theme-one-dark .preview-content h6, -body.theme-dracula .preview-content h1, -body.theme-dracula .preview-content h2, -body.theme-dracula .preview-content h3, -body.theme-dracula .preview-content h4, -body.theme-dracula .preview-content h5, -body.theme-dracula .preview-content h6, -body.theme-nord .preview-content h1, -body.theme-nord .preview-content h2, -body.theme-nord .preview-content h3, -body.theme-nord .preview-content h4, -body.theme-nord .preview-content h5, -body.theme-nord .preview-content h6, -body.theme-tokyo-night .preview-content h1, -body.theme-tokyo-night .preview-content h2, -body.theme-tokyo-night .preview-content h3, -body.theme-tokyo-night .preview-content h4, -body.theme-tokyo-night .preview-content h5, -body.theme-tokyo-night .preview-content h6, -body.theme-palenight .preview-content h1, -body.theme-palenight .preview-content h2, -body.theme-palenight .preview-content h3, -body.theme-palenight .preview-content h4, -body.theme-palenight .preview-content h5, -body.theme-palenight .preview-content h6, -body.theme-ayu-dark .preview-content h1, -body.theme-ayu-dark .preview-content h2, -body.theme-ayu-dark .preview-content h3, -body.theme-ayu-dark .preview-content h4, -body.theme-ayu-dark .preview-content h5, -body.theme-ayu-dark .preview-content h6, -body.theme-ayu-mirage .preview-content h1, -body.theme-ayu-mirage .preview-content h2, -body.theme-ayu-mirage .preview-content h3, -body.theme-ayu-mirage .preview-content h4, -body.theme-ayu-mirage .preview-content h5, -body.theme-ayu-mirage .preview-content h6, -body.theme-oceanic-next .preview-content h1, -body.theme-oceanic-next .preview-content h2, -body.theme-oceanic-next .preview-content h3, -body.theme-oceanic-next .preview-content h4, -body.theme-oceanic-next .preview-content h5, -body.theme-oceanic-next .preview-content h6, -body.theme-gruvbox-dark .preview-content h1, -body.theme-gruvbox-dark .preview-content h2, -body.theme-gruvbox-dark .preview-content h3, -body.theme-gruvbox-dark .preview-content h4, -body.theme-gruvbox-dark .preview-content h5, -body.theme-gruvbox-dark .preview-content h6, -body.theme-cobalt2 .preview-content h1, -body.theme-cobalt2 .preview-content h2, -body.theme-cobalt2 .preview-content h3, -body.theme-cobalt2 .preview-content h4, -body.theme-cobalt2 .preview-content h5, -body.theme-cobalt2 .preview-content h6 { - color: #f0f0f0; - border-bottom-color: #444; -} - -/* Dark theme paragraphs and text */ -body.theme-dark .preview-content p, -body.theme-dark .preview-content li, -body.theme-dark .preview-content td, -body.theme-one-dark .preview-content p, -body.theme-one-dark .preview-content li, -body.theme-one-dark .preview-content td, -body.theme-dracula .preview-content p, -body.theme-dracula .preview-content li, -body.theme-dracula .preview-content td, -body.theme-nord .preview-content p, -body.theme-nord .preview-content li, -body.theme-nord .preview-content td, -body.theme-tokyo-night .preview-content p, -body.theme-tokyo-night .preview-content li, -body.theme-tokyo-night .preview-content td, -body.theme-palenight .preview-content p, -body.theme-palenight .preview-content li, -body.theme-palenight .preview-content td, -body.theme-ayu-dark .preview-content p, -body.theme-ayu-dark .preview-content li, -body.theme-ayu-dark .preview-content td, -body.theme-ayu-mirage .preview-content p, -body.theme-ayu-mirage .preview-content li, -body.theme-ayu-mirage .preview-content td, -body.theme-oceanic-next .preview-content p, -body.theme-oceanic-next .preview-content li, -body.theme-oceanic-next .preview-content td, -body.theme-gruvbox-dark .preview-content p, -body.theme-gruvbox-dark .preview-content li, -body.theme-gruvbox-dark .preview-content td, -body.theme-cobalt2 .preview-content p, -body.theme-cobalt2 .preview-content li, -body.theme-cobalt2 .preview-content td { - color: #d4d4d4; -} - -/* Dark theme code blocks */ -body.theme-dark .preview-content pre, -body.theme-one-dark .preview-content pre, -body.theme-dracula .preview-content pre, -body.theme-nord .preview-content pre, -body.theme-tokyo-night .preview-content pre, -body.theme-palenight .preview-content pre, -body.theme-ayu-dark .preview-content pre, -body.theme-ayu-mirage .preview-content pre, -body.theme-oceanic-next .preview-content pre, -body.theme-gruvbox-dark .preview-content pre, -body.theme-cobalt2 .preview-content pre { - background: #1e1e1e; - border-color: #333; - color: #d4d4d4; -} - -/* Dark theme inline code */ -body.theme-dark .preview-content code, -body.theme-one-dark .preview-content code, -body.theme-dracula .preview-content code, -body.theme-nord .preview-content code, -body.theme-tokyo-night .preview-content code, -body.theme-palenight .preview-content code, -body.theme-ayu-dark .preview-content code, -body.theme-ayu-mirage .preview-content code, -body.theme-oceanic-next .preview-content code, -body.theme-gruvbox-dark .preview-content code, -body.theme-cobalt2 .preview-content code { - background: rgba(255, 255, 255, 0.1); - border-color: #444; - color: #e06c75; -} - -/* Dark theme blockquotes */ -body.theme-dark .preview-content blockquote, -body.theme-one-dark .preview-content blockquote, -body.theme-dracula .preview-content blockquote, -body.theme-nord .preview-content blockquote, -body.theme-tokyo-night .preview-content blockquote, -body.theme-palenight .preview-content blockquote, -body.theme-ayu-dark .preview-content blockquote, -body.theme-ayu-mirage .preview-content blockquote, -body.theme-oceanic-next .preview-content blockquote, -body.theme-gruvbox-dark .preview-content blockquote, -body.theme-cobalt2 .preview-content blockquote { - background: rgba(255, 255, 255, 0.05); - border-left-color: #555; - color: #aaa; -} - -/* Dark theme links */ -body.theme-dark .preview-content a, -body.theme-one-dark .preview-content a, -body.theme-dracula .preview-content a, -body.theme-nord .preview-content a, -body.theme-tokyo-night .preview-content a, -body.theme-palenight .preview-content a, -body.theme-ayu-dark .preview-content a, -body.theme-ayu-mirage .preview-content a, -body.theme-oceanic-next .preview-content a, -body.theme-gruvbox-dark .preview-content a, -body.theme-cobalt2 .preview-content a { - color: #61afef; -} - -/* Dark theme tables */ -body.theme-dark .preview-content table, -body.theme-one-dark .preview-content table, -body.theme-dracula .preview-content table, -body.theme-nord .preview-content table, -body.theme-tokyo-night .preview-content table, -body.theme-palenight .preview-content table, -body.theme-ayu-dark .preview-content table, -body.theme-ayu-mirage .preview-content table, -body.theme-oceanic-next .preview-content table, -body.theme-gruvbox-dark .preview-content table, -body.theme-cobalt2 .preview-content table { - border-color: #444; -} - -body.theme-dark .preview-content table th, -body.theme-one-dark .preview-content table th, -body.theme-dracula .preview-content table th, -body.theme-nord .preview-content table th, -body.theme-tokyo-night .preview-content table th, -body.theme-palenight .preview-content table th, -body.theme-ayu-dark .preview-content table th, -body.theme-ayu-mirage .preview-content table th, -body.theme-oceanic-next .preview-content table th, -body.theme-gruvbox-dark .preview-content table th, -body.theme-cobalt2 .preview-content table th { - background: #2d2d2d; - color: #e6e6e6; - border-color: #444; -} - -body.theme-dark .preview-content table td, -body.theme-one-dark .preview-content table td, -body.theme-dracula .preview-content table td, -body.theme-nord .preview-content table td, -body.theme-tokyo-night .preview-content table td, -body.theme-palenight .preview-content table td, -body.theme-ayu-dark .preview-content table td, -body.theme-ayu-mirage .preview-content table td, -body.theme-oceanic-next .preview-content table td, -body.theme-gruvbox-dark .preview-content table td, -body.theme-cobalt2 .preview-content table td { - border-color: #444; -} - -body.theme-dark .preview-content table tr:nth-child(even), -body.theme-one-dark .preview-content table tr:nth-child(even), -body.theme-dracula .preview-content table tr:nth-child(even), -body.theme-nord .preview-content table tr:nth-child(even), -body.theme-tokyo-night .preview-content table tr:nth-child(even), -body.theme-palenight .preview-content table tr:nth-child(even), -body.theme-ayu-dark .preview-content table tr:nth-child(even), -body.theme-ayu-mirage .preview-content table tr:nth-child(even), -body.theme-oceanic-next .preview-content table tr:nth-child(even), -body.theme-gruvbox-dark .preview-content table tr:nth-child(even), -body.theme-cobalt2 .preview-content table tr:nth-child(even) { - background: rgba(255, 255, 255, 0.03); -} - -/* Dark theme horizontal rules */ -body.theme-dark .preview-content hr, -body.theme-one-dark .preview-content hr, -body.theme-dracula .preview-content hr, -body.theme-nord .preview-content hr, -body.theme-tokyo-night .preview-content hr, -body.theme-palenight .preview-content hr, -body.theme-ayu-dark .preview-content hr, -body.theme-ayu-mirage .preview-content hr, -body.theme-oceanic-next .preview-content hr, -body.theme-gruvbox-dark .preview-content hr, -body.theme-cobalt2 .preview-content hr { - border-color: #444; - background: #444; -} - /* ======================================== Modal/Dialog Theming Dialogs inherit app theme colors ======================================== */ -/* Dark theme modals */ -body.theme-dark .export-dialog-content, -body.theme-dark .batch-dialog-content, -body.theme-dark .pdf-editor-content, -body.theme-one-dark .export-dialog-content, -body.theme-one-dark .batch-dialog-content, -body.theme-one-dark .pdf-editor-content, -body.theme-onedark .export-dialog-content, -body.theme-onedark .batch-dialog-content, -body.theme-onedark .pdf-editor-content, -body.theme-dracula .export-dialog-content, -body.theme-dracula .batch-dialog-content, -body.theme-dracula .pdf-editor-content, -body.theme-nord .export-dialog-content, -body.theme-nord .batch-dialog-content, -body.theme-nord .pdf-editor-content, -body.theme-tokyo-night .export-dialog-content, -body.theme-tokyo-night .batch-dialog-content, -body.theme-tokyo-night .pdf-editor-content, -body.theme-tokyonight .export-dialog-content, -body.theme-tokyonight .batch-dialog-content, -body.theme-tokyonight .pdf-editor-content, -body.theme-palenight .export-dialog-content, -body.theme-palenight .batch-dialog-content, -body.theme-palenight .pdf-editor-content, -body.theme-ayu-dark .export-dialog-content, -body.theme-ayu-dark .batch-dialog-content, -body.theme-ayu-dark .pdf-editor-content, -body.theme-ayu-mirage .export-dialog-content, -body.theme-ayu-mirage .batch-dialog-content, -body.theme-ayu-mirage .pdf-editor-content, -body.theme-oceanic-next .export-dialog-content, -body.theme-oceanic-next .batch-dialog-content, -body.theme-oceanic-next .pdf-editor-content, -body.theme-gruvbox-dark .export-dialog-content, -body.theme-gruvbox-dark .batch-dialog-content, -body.theme-gruvbox-dark .pdf-editor-content, -body.theme-cobalt2 .export-dialog-content, -body.theme-cobalt2 .batch-dialog-content, -body.theme-cobalt2 .pdf-editor-content, -body.theme-monokai .export-dialog-content, -body.theme-monokai .batch-dialog-content, -body.theme-monokai .pdf-editor-content, -body.theme-material .export-dialog-content, -body.theme-material .batch-dialog-content, -body.theme-material .pdf-editor-content, -body.theme-concrete-dark .export-dialog-content, -body.theme-concrete-dark .batch-dialog-content, -body.theme-concrete-dark .pdf-editor-content, -body.theme-concrete-warm .export-dialog-content, -body.theme-concrete-warm .batch-dialog-content, -body.theme-concrete-warm .pdf-editor-content { - background: #2d2d2d !important; - border-color: #444 !important; - color: #e6e6e6 !important; -} - -/* Dark theme dialog headers */ -body.theme-dark .export-dialog-header, -body.theme-dark .batch-dialog-header, -body.theme-one-dark .export-dialog-header, -body.theme-one-dark .batch-dialog-header, -body.theme-onedark .export-dialog-header, -body.theme-onedark .batch-dialog-header, -body.theme-dracula .export-dialog-header, -body.theme-dracula .batch-dialog-header, -body.theme-nord .export-dialog-header, -body.theme-nord .batch-dialog-header, -body.theme-tokyo-night .export-dialog-header, -body.theme-tokyo-night .batch-dialog-header, -body.theme-tokyonight .export-dialog-header, -body.theme-tokyonight .batch-dialog-header, -body.theme-palenight .export-dialog-header, -body.theme-palenight .batch-dialog-header, -body.theme-ayu-dark .export-dialog-header, -body.theme-ayu-dark .batch-dialog-header, -body.theme-ayu-mirage .export-dialog-header, -body.theme-ayu-mirage .batch-dialog-header, -body.theme-oceanic-next .export-dialog-header, -body.theme-oceanic-next .batch-dialog-header, -body.theme-gruvbox-dark .export-dialog-header, -body.theme-gruvbox-dark .batch-dialog-header, -body.theme-cobalt2 .export-dialog-header, -body.theme-cobalt2 .batch-dialog-header, -body.theme-monokai .export-dialog-header, -body.theme-monokai .batch-dialog-header, -body.theme-material .export-dialog-header, -body.theme-material .batch-dialog-header, -body.theme-concrete-dark .export-dialog-header, -body.theme-concrete-dark .batch-dialog-header, -body.theme-concrete-warm .export-dialog-header, -body.theme-concrete-warm .batch-dialog-header { - background: #1a1a1a !important; - border-bottom-color: #333 !important; -} - -/* Dark theme dialog header text */ -body.theme-dark .export-dialog-header h3, -body.theme-dark .batch-dialog-header h3, -body.theme-onedark .export-dialog-header h3, -body.theme-onedark .batch-dialog-header h3, -body.theme-dracula .export-dialog-header h3, -body.theme-dracula .batch-dialog-header h3, -body.theme-nord .export-dialog-header h3, -body.theme-nord .batch-dialog-header h3, -body.theme-tokyonight .export-dialog-header h3, -body.theme-tokyonight .batch-dialog-header h3, -body.theme-monokai .export-dialog-header h3, -body.theme-monokai .batch-dialog-header h3, -body.theme-material .export-dialog-header h3, -body.theme-material .batch-dialog-header h3 { - color: #fff !important; -} - -/* Dark theme dialog body */ -body.theme-dark .export-dialog-body, -body.theme-dark .batch-dialog-body, -body.theme-one-dark .export-dialog-body, -body.theme-one-dark .batch-dialog-body, -body.theme-dracula .export-dialog-body, -body.theme-dracula .batch-dialog-body, -body.theme-nord .export-dialog-body, -body.theme-nord .batch-dialog-body, -body.theme-tokyo-night .export-dialog-body, -body.theme-tokyo-night .batch-dialog-body, -body.theme-palenight .export-dialog-body, -body.theme-palenight .batch-dialog-body, -body.theme-ayu-dark .export-dialog-body, -body.theme-ayu-dark .batch-dialog-body, -body.theme-ayu-mirage .export-dialog-body, -body.theme-ayu-mirage .batch-dialog-body, -body.theme-oceanic-next .export-dialog-body, -body.theme-oceanic-next .batch-dialog-body, -body.theme-gruvbox-dark .export-dialog-body, -body.theme-gruvbox-dark .batch-dialog-body, -body.theme-cobalt2 .export-dialog-body, -body.theme-cobalt2 .batch-dialog-body { - background: transparent; -} - -/* Dark theme dialog labels */ -body.theme-dark .export-section label, -body.theme-dark .batch-section label, -body.theme-one-dark .export-section label, -body.theme-one-dark .batch-section label, -body.theme-dracula .export-section label, -body.theme-dracula .batch-section label, -body.theme-nord .export-section label, -body.theme-nord .batch-section label, -body.theme-tokyo-night .export-section label, -body.theme-tokyo-night .batch-section label, -body.theme-palenight .export-section label, -body.theme-palenight .batch-section label, -body.theme-ayu-dark .export-section label, -body.theme-ayu-dark .batch-section label, -body.theme-ayu-mirage .export-section label, -body.theme-ayu-mirage .batch-section label, -body.theme-oceanic-next .export-section label, -body.theme-oceanic-next .batch-section label, -body.theme-gruvbox-dark .export-section label, -body.theme-gruvbox-dark .batch-section label, -body.theme-cobalt2 .export-section label, -body.theme-cobalt2 .batch-section label { - color: #ccc; -} - -/* Dark theme dialog inputs and selects */ -body.theme-dark .export-section select, -body.theme-dark .export-section input, -body.theme-dark .batch-section select, -body.theme-dark .batch-section input, -body.theme-one-dark .export-section select, -body.theme-one-dark .export-section input, -body.theme-one-dark .batch-section select, -body.theme-one-dark .batch-section input, -body.theme-dracula .export-section select, -body.theme-dracula .export-section input, -body.theme-dracula .batch-section select, -body.theme-dracula .batch-section input, -body.theme-nord .export-section select, -body.theme-nord .export-section input, -body.theme-nord .batch-section select, -body.theme-nord .batch-section input, -body.theme-tokyo-night .export-section select, -body.theme-tokyo-night .export-section input, -body.theme-tokyo-night .batch-section select, -body.theme-tokyo-night .batch-section input, -body.theme-palenight .export-section select, -body.theme-palenight .export-section input, -body.theme-palenight .batch-section select, -body.theme-palenight .batch-section input, -body.theme-ayu-dark .export-section select, -body.theme-ayu-dark .export-section input, -body.theme-ayu-dark .batch-section select, -body.theme-ayu-dark .batch-section input, -body.theme-ayu-mirage .export-section select, -body.theme-ayu-mirage .export-section input, -body.theme-ayu-mirage .batch-section select, -body.theme-ayu-mirage .batch-section input, -body.theme-oceanic-next .export-section select, -body.theme-oceanic-next .export-section input, -body.theme-oceanic-next .batch-section select, -body.theme-oceanic-next .batch-section input, -body.theme-gruvbox-dark .export-section select, -body.theme-gruvbox-dark .export-section input, -body.theme-gruvbox-dark .batch-section select, -body.theme-gruvbox-dark .batch-section input, -body.theme-cobalt2 .export-section select, -body.theme-cobalt2 .export-section input, -body.theme-cobalt2 .batch-section select, -body.theme-cobalt2 .batch-section input { - background: #2d2d2d; - border-color: #444; - color: #e6e6e6; -} - -/* Dark theme dialog footer */ -body.theme-dark .export-dialog-footer, -body.theme-dark .batch-dialog-footer, -body.theme-one-dark .export-dialog-footer, -body.theme-one-dark .batch-dialog-footer, -body.theme-dracula .export-dialog-footer, -body.theme-dracula .batch-dialog-footer, -body.theme-nord .export-dialog-footer, -body.theme-nord .batch-dialog-footer, -body.theme-tokyo-night .export-dialog-footer, -body.theme-tokyo-night .batch-dialog-footer, -body.theme-palenight .export-dialog-footer, -body.theme-palenight .batch-dialog-footer, -body.theme-ayu-dark .export-dialog-footer, -body.theme-ayu-dark .batch-dialog-footer, -body.theme-ayu-mirage .export-dialog-footer, -body.theme-ayu-mirage .batch-dialog-footer, -body.theme-oceanic-next .export-dialog-footer, -body.theme-oceanic-next .batch-dialog-footer, -body.theme-gruvbox-dark .export-dialog-footer, -body.theme-gruvbox-dark .batch-dialog-footer, -body.theme-cobalt2 .export-dialog-footer, -body.theme-cobalt2 .batch-dialog-footer { - background: #1a1a1a; - border-top-color: #333; -} - -/* Sepia theme modals */ -body.theme-sepia .export-dialog-content, -body.theme-sepia .batch-dialog-content, -body.theme-sepia .pdf-editor-content { - background: rgba(244, 236, 216, 0.98); - border-color: #d4c4a8; - color: #5b4636; -} - -body.theme-sepia .export-dialog-header, -body.theme-sepia .batch-dialog-header { - background: #e8dcc8; - border-bottom-color: #d4c4a8; -} - -body.theme-sepia .export-dialog-header h3, -body.theme-sepia .batch-dialog-header h3 { - color: #3d2914; -} - -body.theme-sepia .export-section label, -body.theme-sepia .batch-section label { - color: #5b4636; -} - -body.theme-sepia .export-section select, -body.theme-sepia .export-section input, -body.theme-sepia .batch-section select, -body.theme-sepia .batch-section input { - background: #f4ecd8; - border-color: #d4c4a8; - color: #5b4636; -} - -body.theme-sepia .export-dialog-footer, -body.theme-sepia .batch-dialog-footer { - background: #e8dcc8; - border-top-color: #d4c4a8; -} - -/* Rose Pine Dawn theme modals */ -body.theme-rosepine-dawn .export-dialog-content, -body.theme-rosepine-dawn .batch-dialog-content, -body.theme-rosepine-dawn .pdf-editor-content { - background: rgba(250, 244, 237, 0.98); - border-color: #dfdad9; - color: #575279; -} - -body.theme-rosepine-dawn .export-dialog-header, -body.theme-rosepine-dawn .batch-dialog-header { - background: #f2e9e1; - border-bottom-color: #dfdad9; -} - -body.theme-rosepine-dawn .export-dialog-header h3, -body.theme-rosepine-dawn .batch-dialog-header h3 { - color: #286983; -} - -body.theme-rosepine-dawn .export-section label, -body.theme-rosepine-dawn .batch-section label { - color: #575279; -} - -body.theme-rosepine-dawn .export-section select, -body.theme-rosepine-dawn .export-section input, -body.theme-rosepine-dawn .batch-section select, -body.theme-rosepine-dawn .batch-section input { - background: #faf4ed; - border-color: #dfdad9; - color: #575279; -} - -body.theme-rosepine-dawn .export-dialog-footer, -body.theme-rosepine-dawn .batch-dialog-footer { - background: #f2e9e1; - border-top-color: #dfdad9; -} - /* ======================================== Command Palette (Ctrl+Shift+P) ======================================== */ diff --git a/src/styles.css b/src/styles.css index 9cba2ff..ab40ef4 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1129,290 +1129,6 @@ body[class*='dark'] .status-bar { color: #969696; } -/* Theme: Solarized */ -body.theme-solarized { - background: #fdf6e3; - color: #657b83; -} - -body.theme-solarized .tab-bar { - background: #eee8d5; - border-bottom-color: #93a1a1; -} - -body.theme-solarized .tab { - background: #fdf6e3; - border-color: #93a1a1; - color: #657b83; -} - -body.theme-solarized .tab.active { - background: #fdf6e3; - border-color: #859900; -} - -body.theme-solarized .tab-close { - color: #657b83; -} - -body.theme-solarized .tab-close:hover { - background: #93a1a1; - color: #dc322f; -} - -body.theme-solarized .new-tab-button { - border-color: #93a1a1; - color: #657b83; -} - -body.theme-solarized .new-tab-button:hover { - background: #eee8d5; -} - -body.theme-solarized .toolbar { - background: #eee8d5; - border-bottom-color: #93a1a1; -} - -body.theme-solarized .toolbar button { - color: #586e75; -} - -body.theme-solarized .toolbar button:hover { - background: #fdf6e3; - border-color: #93a1a1; -} - -body.theme-solarized #editor { - background: #fdf6e3; - color: #657b83; -} - -body.theme-solarized #preview, -body.theme-solarized .preview-content { - color: #586e75; -} - -body.theme-solarized #preview code, -body.theme-solarized .preview-content code { - background-color: #eee8d5; -} - -body.theme-solarized #preview pre, -body.theme-solarized .preview-content pre { - background-color: #eee8d5; -} - -body.theme-solarized #preview a, -body.theme-solarized .preview-content a { - color: #268bd2; -} - -/* Theme: Monokai */ -body.theme-monokai { - background: #272822; - color: #f8f8f2; -} - -body.theme-monokai .tab-bar { - background: #3e3d32; - border-bottom-color: #75715e; -} - -body.theme-monokai .tab { - background: #49483e; - border-color: #75715e; - color: #f8f8f2; -} - -body.theme-monokai .tab.active { - background: #272822; - border-color: #a6e22e; -} - -body.theme-monokai .tab-close { - color: #f8f8f2; -} - -body.theme-monokai .tab-close:hover { - background: #75715e; - color: #f92672; -} - -body.theme-monokai .new-tab-button { - border-color: #75715e; - color: #f8f8f2; -} - -body.theme-monokai .new-tab-button:hover { - background: #49483e; -} - -body.theme-monokai .toolbar { - background: #3e3d32; - border-bottom-color: #75715e; -} - -body.theme-monokai .toolbar button { - color: #f8f8f2; -} - -body.theme-monokai .toolbar button:hover { - background: #49483e; - border-color: #75715e; -} - -body.theme-monokai #editor { - background: #272822; - color: #f8f8f2; -} - -body.theme-monokai .editor-textarea { - background: #272822; - color: #f8f8f2; -} - -body.theme-monokai #preview-pane { - background: #272822; -} - -body.theme-monokai #preview, -body.theme-monokai .preview-content { - color: #f8f8f2; -} - -body.theme-monokai #preview h1, -body.theme-monokai #preview h2, -body.theme-monokai .preview-content h1, -body.theme-monokai .preview-content h2 { - border-bottom-color: #75715e; -} - -body.theme-monokai #preview code, -body.theme-monokai .preview-content code { - background-color: #3e3d32; -} - -body.theme-monokai #preview pre, -body.theme-monokai .preview-content pre { - background-color: #3e3d32; -} - -body.theme-monokai #preview blockquote, -body.theme-monokai .preview-content blockquote { - color: #75715e; - border-left-color: #75715e; -} - -body.theme-monokai #preview a, -body.theme-monokai .preview-content a { - color: #66d9ef; -} - -body.theme-monokai .status-bar { - background: #3e3d32; - border-top-color: #75715e; - color: #75715e; -} - -/* Theme: GitHub */ -body.theme-github { - background: #fff; - color: #24292e; -} - -body.theme-github .tab-bar { - background: #fafbfc; - border-bottom-color: #e1e4e8; -} - -body.theme-github .tab { - background: #f6f8fa; - border-color: #e1e4e8; - color: #24292e; -} - -body.theme-github .tab.active { - background: #fff; - border-color: #0366d6; -} - -body.theme-github .tab-close { - color: #586069; -} - -body.theme-github .tab-close:hover { - background: #e1e4e8; - color: #cb2431; -} - -body.theme-github .new-tab-button { - border-color: #e1e4e8; - color: #586069; -} - -body.theme-github .new-tab-button:hover { - background: #f6f8fa; -} - -body.theme-github .toolbar { - background: #fafbfc; - border-bottom-color: #e1e4e8; -} - -body.theme-github .toolbar button { - color: #586069; -} - -body.theme-github .toolbar button:hover { - background: #f6f8fa; - border-color: #e1e4e8; -} - -body.theme-github #editor { - background: #fff; - color: #24292e; -} - -body.theme-github #preview, -body.theme-github .preview-content { - color: #24292e; -} - -body.theme-github #preview h1, -body.theme-github #preview h2, -body.theme-github .preview-content h1, -body.theme-github .preview-content h2 { - border-bottom-color: #eaecef; -} - -body.theme-github #preview code, -body.theme-github .preview-content code { - background-color: rgba(27, 31, 35, 0.05); -} - -body.theme-github #preview pre, -body.theme-github .preview-content pre { - background-color: #f6f8fa; -} - -body.theme-github #preview blockquote, -body.theme-github .preview-content blockquote { - color: #6a737d; - border-left-color: #dfe2e5; -} - -body.theme-github #preview a, -body.theme-github .preview-content a { - color: #0366d6; -} - -body.theme-github .status-bar { - background: #fafbfc; - border-top-color: #e1e4e8; - color: #586069; -} - /* Hide preview pane by default */ .pane.hidden { display: none; @@ -1473,23 +1189,6 @@ body[class*='dark'] .line-numbers { } /* Additional theme support for line numbers */ -body.theme-solarized .line-numbers { - background: #fdf6e3; - border-right-color: #eee8d5; - color: #93a1a1; -} - -body.theme-monokai .line-numbers { - background: #2f2f2f; - border-right-color: #555; - color: #75715e; -} - -body.theme-github .line-numbers { - background: #fafbfc; - border-right-color: #e1e4e8; - color: #586069; -} /* Export Presets Styles */ .export-presets { @@ -1684,45 +1383,6 @@ body[class*='dark'] .checkbox-label { color: #f0f0f0; } -body.theme-solarized .export-mode-toggle { - border-color: #eee8d5; -} - -body.theme-solarized .export-help { - color: #586e75; -} - -body.theme-solarized .basic-options { - background: #fdf6e3; - border-color: #eee8d5; -} - -body.theme-monokai .export-mode-toggle { - border-color: #49483e; -} - -body.theme-monokai .export-help { - color: #75715e; -} - -body.theme-monokai .basic-options { - background: #2f2f2f; - border-color: #49483e; -} - -body.theme-github .export-mode-toggle { - border-color: #e1e4e8; -} - -body.theme-github .export-help { - color: #586069; -} - -body.theme-github .basic-options { - background: #f6f8fa; - border-color: #e1e4e8; -} - /* Enhanced Statistics Styles */ .enhanced-stats { font-size: 11px; @@ -1739,21 +1399,6 @@ body[class*='dark'] .enhanced-stats { border-color: #444; } -body.theme-solarized .enhanced-stats { - color: #586e75; - border-color: #eee8d5; -} - -body.theme-monokai .enhanced-stats { - color: #75715e; - border-color: #49483e; -} - -body.theme-github .enhanced-stats { - color: #586069; - border-color: #e1e4e8; -} - /* Auto-save indicator */ .auto-save-indicator { position: fixed; @@ -1794,1491 +1439,6 @@ body.theme-github .enhanced-stats { } } -/* Theme: Dracula */ -body.theme-dracula { - background: #282a36; - color: #f8f8f2; -} - -body.theme-dracula .tab-bar { - background: #343746; - border-bottom-color: #44475a; -} - -body.theme-dracula .tab { - background: #44475a; - border-color: #6272a4; - color: #f8f8f2; -} - -body.theme-dracula .tab.active { - background: #282a36; - border-color: #bd93f9; -} - -body.theme-dracula .toolbar { - background: #343746; - border-bottom-color: #44475a; -} - -body.theme-dracula .toolbar button { - color: #f8f8f2; -} - -body.theme-dracula .toolbar button:hover { - background: #44475a; - border-color: #6272a4; -} - -body.theme-dracula .editor-textarea { - background: #282a36; - color: #f8f8f2; -} - -body.theme-dracula .pane:last-child { - background: #282a36; -} - -body.theme-dracula .preview-content { - color: #f8f8f2; -} - -body.theme-dracula .preview-content h1, -body.theme-dracula .preview-content h2 { - border-bottom-color: #44475a; - color: #bd93f9; -} - -body.theme-dracula .preview-content code { - background-color: #44475a; -} - -body.theme-dracula .preview-content pre { - background-color: #44475a; -} - -body.theme-dracula .preview-content a { - color: #8be9fd; -} - -body.theme-dracula .status-bar { - background: #343746; - border-top-color: #44475a; - color: #f8f8f2; -} - -/* Theme: Nord */ -body.theme-nord { - background: #2e3440; - color: #d8dee9; -} - -body.theme-nord .tab-bar { - background: #3b4252; - border-bottom-color: #4c566a; -} - -body.theme-nord .tab { - background: #434c5e; - border-color: #4c566a; - color: #d8dee9; -} - -body.theme-nord .tab.active { - background: #2e3440; - border-color: #88c0d0; -} - -body.theme-nord .toolbar { - background: #3b4252; - border-bottom-color: #4c566a; -} - -body.theme-nord .toolbar button { - color: #d8dee9; -} - -body.theme-nord .toolbar button:hover { - background: #434c5e; - border-color: #4c566a; -} - -body.theme-nord .editor-textarea { - background: #2e3440; - color: #d8dee9; -} - -body.theme-nord .pane:last-child { - background: #2e3440; -} - -body.theme-nord .preview-content { - color: #d8dee9; -} - -body.theme-nord .preview-content h1, -body.theme-nord .preview-content h2 { - border-bottom-color: #4c566a; - color: #88c0d0; -} - -body.theme-nord .preview-content code { - background-color: #3b4252; -} - -body.theme-nord .preview-content pre { - background-color: #3b4252; -} - -body.theme-nord .preview-content a { - color: #81a1c1; -} - -body.theme-nord .status-bar { - background: #3b4252; - border-top-color: #4c566a; - color: #d8dee9; -} - -/* Theme: One Dark */ -body.theme-onedark { - background: #282c34; - color: #abb2bf; -} - -body.theme-onedark .tab-bar { - background: #21252b; - border-bottom-color: #181a1f; -} - -body.theme-onedark .tab { - background: #2c313a; - border-color: #3e4451; - color: #abb2bf; -} - -body.theme-onedark .tab.active { - background: #282c34; - border-color: #61afef; -} - -body.theme-onedark .toolbar { - background: #21252b; - border-bottom-color: #181a1f; -} - -body.theme-onedark .toolbar button { - color: #abb2bf; -} - -body.theme-onedark .toolbar button:hover { - background: #2c313a; - border-color: #3e4451; -} - -body.theme-onedark .editor-textarea { - background: #282c34; - color: #abb2bf; -} - -body.theme-onedark .pane:last-child { - background: #282c34; -} - -body.theme-onedark .preview-content { - color: #abb2bf; -} - -body.theme-onedark .preview-content h1, -body.theme-onedark .preview-content h2 { - border-bottom-color: #3e4451; - color: #61afef; -} - -body.theme-onedark .preview-content code { - background-color: #21252b; -} - -body.theme-onedark .preview-content pre { - background-color: #21252b; -} - -body.theme-onedark .preview-content a { - color: #56b6c2; -} - -body.theme-onedark .status-bar { - background: #21252b; - border-top-color: #181a1f; - color: #abb2bf; -} - -/* Theme: Atom One Light */ -body.theme-atomonelight { - background: #fafafa; - color: #383a42; -} - -body.theme-atomonelight .tab-bar { - background: #f0f0f0; - border-bottom-color: #e0e0e0; -} - -body.theme-atomonelight .tab { - background: #e5e5e6; - border-color: #d0d0d0; - color: #383a42; -} - -body.theme-atomonelight .tab.active { - background: #fafafa; - border-color: #4078f2; -} - -body.theme-atomonelight .toolbar { - background: #f0f0f0; - border-bottom-color: #e0e0e0; -} - -body.theme-atomonelight .toolbar button { - color: #383a42; -} - -body.theme-atomonelight .toolbar button:hover { - background: #e5e5e6; - border-color: #d0d0d0; -} - -body.theme-atomonelight .editor-textarea { - background: #fafafa; - color: #383a42; -} - -body.theme-atomonelight .pane:last-child { - background: #fafafa; -} - -body.theme-atomonelight .preview-content { - color: #383a42; -} - -body.theme-atomonelight .preview-content h1, -body.theme-atomonelight .preview-content h2 { - border-bottom-color: #e0e0e0; - color: #4078f2; -} - -body.theme-atomonelight .preview-content code { - background-color: #f0f0f0; -} - -body.theme-atomonelight .preview-content pre { - background-color: #f0f0f0; -} - -body.theme-atomonelight .preview-content a { - color: #0184bc; -} - -body.theme-atomonelight .status-bar { - background: #f0f0f0; - border-top-color: #e0e0e0; - color: #383a42; -} - -/* Theme: Material */ -body.theme-material { - background: #263238; - color: #eeffff; -} - -body.theme-material .tab-bar { - background: #2e3c43; - border-bottom-color: #37474f; -} - -body.theme-material .tab { - background: #37474f; - border-color: #546e7a; - color: #eeffff; -} - -body.theme-material .tab.active { - background: #263238; - border-color: #82aaff; -} - -body.theme-material .toolbar { - background: #2e3c43; - border-bottom-color: #37474f; -} - -body.theme-material .toolbar button { - color: #eeffff; -} - -body.theme-material .toolbar button:hover { - background: #37474f; - border-color: #546e7a; -} - -body.theme-material .editor-textarea { - background: #263238; - color: #eeffff; -} - -body.theme-material .pane:last-child { - background: #263238; -} - -body.theme-material .preview-content { - color: #eeffff; -} - -body.theme-material .preview-content h1, -body.theme-material .preview-content h2 { - border-bottom-color: #37474f; - color: #82aaff; -} - -body.theme-material .preview-content code { - background-color: #2e3c43; -} - -body.theme-material .preview-content pre { - background-color: #2e3c43; -} - -body.theme-material .preview-content a { - color: #80cbc4; -} - -body.theme-material .status-bar { - background: #2e3c43; - border-top-color: #37474f; - color: #eeffff; -} - -/* Theme: Gruvbox Dark */ -body.theme-gruvbox-dark { - background: #282828; - color: #ebdbb2; -} - -body.theme-gruvbox-dark .tab-bar { - background: #3c3836; - border-bottom-color: #504945; -} - -body.theme-gruvbox-dark .tab { - background: #504945; - border-color: #665c54; - color: #ebdbb2; -} - -body.theme-gruvbox-dark .tab.active { - background: #282828; - border-color: #fabd2f; -} - -body.theme-gruvbox-dark .toolbar { - background: #3c3836; - border-bottom-color: #504945; -} - -body.theme-gruvbox-dark .toolbar button { - color: #ebdbb2; -} - -body.theme-gruvbox-dark .toolbar button:hover { - background: #504945; - border-color: #665c54; -} - -body.theme-gruvbox-dark .editor-textarea { - background: #282828; - color: #ebdbb2; -} - -body.theme-gruvbox-dark .pane:last-child { - background: #282828; -} - -body.theme-gruvbox-dark .preview-content { - color: #ebdbb2; -} - -body.theme-gruvbox-dark .preview-content h1, -body.theme-gruvbox-dark .preview-content h2 { - border-bottom-color: #504945; - color: #fabd2f; -} - -body.theme-gruvbox-dark .preview-content code { - background-color: #3c3836; -} - -body.theme-gruvbox-dark .preview-content pre { - background-color: #3c3836; -} - -body.theme-gruvbox-dark .preview-content a { - color: #83a598; -} - -body.theme-gruvbox-dark .status-bar { - background: #3c3836; - border-top-color: #504945; - color: #ebdbb2; -} - -/* Theme: Gruvbox Light */ -body.theme-gruvbox-light { - background: #fbf1c7; - color: #3c3836; -} - -body.theme-gruvbox-light .tab-bar { - background: #ebdbb2; - border-bottom-color: #d5c4a1; -} - -body.theme-gruvbox-light .tab { - background: #d5c4a1; - border-color: #bdae93; - color: #3c3836; -} - -body.theme-gruvbox-light .tab.active { - background: #fbf1c7; - border-color: #b57614; -} - -body.theme-gruvbox-light .toolbar { - background: #ebdbb2; - border-bottom-color: #d5c4a1; -} - -body.theme-gruvbox-light .toolbar button { - color: #3c3836; -} - -body.theme-gruvbox-light .toolbar button:hover { - background: #d5c4a1; - border-color: #bdae93; -} - -body.theme-gruvbox-light .editor-textarea { - background: #fbf1c7; - color: #3c3836; -} - -body.theme-gruvbox-light .pane:last-child { - background: #fbf1c7; -} - -body.theme-gruvbox-light .preview-content { - color: #3c3836; -} - -body.theme-gruvbox-light .preview-content h1, -body.theme-gruvbox-light .preview-content h2 { - border-bottom-color: #d5c4a1; - color: #b57614; -} - -body.theme-gruvbox-light .preview-content code { - background-color: #ebdbb2; -} - -body.theme-gruvbox-light .preview-content pre { - background-color: #ebdbb2; -} - -body.theme-gruvbox-light .preview-content a { - color: #076678; -} - -body.theme-gruvbox-light .status-bar { - background: #ebdbb2; - border-top-color: #d5c4a1; - color: #3c3836; -} - -/* Theme: Tokyo Night */ -body.theme-tokyonight { - background: #1a1b26; - color: #c0caf5; -} - -body.theme-tokyonight .tab-bar { - background: #16161e; - border-bottom-color: #24283b; -} - -body.theme-tokyonight .tab { - background: #24283b; - border-color: #414868; - color: #c0caf5; -} - -body.theme-tokyonight .tab.active { - background: #1a1b26; - border-color: #7aa2f7; -} - -body.theme-tokyonight .toolbar { - background: #16161e; - border-bottom-color: #24283b; -} - -body.theme-tokyonight .toolbar button { - color: #c0caf5; -} - -body.theme-tokyonight .toolbar button:hover { - background: #24283b; - border-color: #414868; -} - -body.theme-tokyonight .editor-textarea { - background: #1a1b26; - color: #c0caf5; -} - -body.theme-tokyonight .pane:last-child { - background: #1a1b26; -} - -body.theme-tokyonight .preview-content { - color: #c0caf5; -} - -body.theme-tokyonight .preview-content h1, -body.theme-tokyonight .preview-content h2 { - border-bottom-color: #24283b; - color: #7aa2f7; -} - -body.theme-tokyonight .preview-content code { - background-color: #24283b; -} - -body.theme-tokyonight .preview-content pre { - background-color: #24283b; -} - -body.theme-tokyonight .preview-content a { - color: #7dcfff; -} - -body.theme-tokyonight .status-bar { - background: #16161e; - border-top-color: #24283b; - color: #c0caf5; -} - -/* Theme: Palenight */ -body.theme-palenight { - background: #292d3e; - color: #a6accd; -} - -body.theme-palenight .tab-bar { - background: #32374d; - border-bottom-color: #444267; -} - -body.theme-palenight .tab { - background: #444267; - border-color: #676e95; - color: #a6accd; -} - -body.theme-palenight .tab.active { - background: #292d3e; - border-color: #82aaff; -} - -body.theme-palenight .toolbar { - background: #32374d; - border-bottom-color: #444267; -} - -body.theme-palenight .toolbar button { - color: #a6accd; -} - -body.theme-palenight .toolbar button:hover { - background: #444267; - border-color: #676e95; -} - -body.theme-palenight .editor-textarea { - background: #292d3e; - color: #a6accd; -} - -body.theme-palenight .pane:last-child { - background: #292d3e; -} - -body.theme-palenight .preview-content { - color: #a6accd; -} - -body.theme-palenight .preview-content h1, -body.theme-palenight .preview-content h2 { - border-bottom-color: #444267; - color: #82aaff; -} - -body.theme-palenight .preview-content code { - background-color: #32374d; -} - -body.theme-palenight .preview-content pre { - background-color: #32374d; -} - -body.theme-palenight .preview-content a { - color: #89ddff; -} - -body.theme-palenight .status-bar { - background: #32374d; - border-top-color: #444267; - color: #a6accd; -} - -/* Theme: Ayu Dark */ -body.theme-ayu-dark { - background: #0a0e14; - color: #b3b1ad; -} - -body.theme-ayu-dark .tab-bar { - background: #0d1016; - border-bottom-color: #1f2430; -} - -body.theme-ayu-dark .tab { - background: #1f2430; - border-color: #3d424d; - color: #b3b1ad; -} - -body.theme-ayu-dark .tab.active { - background: #0a0e14; - border-color: #ffaa33; -} - -body.theme-ayu-dark .toolbar { - background: #0d1016; - border-bottom-color: #1f2430; -} - -body.theme-ayu-dark .toolbar button { - color: #b3b1ad; -} - -body.theme-ayu-dark .toolbar button:hover { - background: #1f2430; - border-color: #3d424d; -} - -body.theme-ayu-dark .editor-textarea { - background: #0a0e14; - color: #b3b1ad; -} - -body.theme-ayu-dark .pane:last-child { - background: #0a0e14; -} - -body.theme-ayu-dark .preview-content { - color: #b3b1ad; -} - -body.theme-ayu-dark .preview-content h1, -body.theme-ayu-dark .preview-content h2 { - border-bottom-color: #1f2430; - color: #ffaa33; -} - -body.theme-ayu-dark .preview-content code { - background-color: #0d1016; -} - -body.theme-ayu-dark .preview-content pre { - background-color: #0d1016; -} - -body.theme-ayu-dark .preview-content a { - color: #39bae6; -} - -body.theme-ayu-dark .status-bar { - background: #0d1016; - border-top-color: #1f2430; - color: #b3b1ad; -} - -/* Theme: Ayu Light */ -body.theme-ayu-light { - background: #fafafa; - color: #5c6166; -} - -body.theme-ayu-light .tab-bar { - background: #f3f4f5; - border-bottom-color: #e7e8e9; -} - -body.theme-ayu-light .tab { - background: #e7e8e9; - border-color: #d9dadb; - color: #5c6166; -} - -body.theme-ayu-light .tab.active { - background: #fafafa; - border-color: #ff6a00; -} - -body.theme-ayu-light .toolbar { - background: #f3f4f5; - border-bottom-color: #e7e8e9; -} - -body.theme-ayu-light .toolbar button { - color: #5c6166; -} - -body.theme-ayu-light .toolbar button:hover { - background: #e7e8e9; - border-color: #d9dadb; -} - -body.theme-ayu-light .editor-textarea { - background: #fafafa; - color: #5c6166; -} - -body.theme-ayu-light .pane:last-child { - background: #fafafa; -} - -body.theme-ayu-light .preview-content { - color: #5c6166; -} - -body.theme-ayu-light .preview-content h1, -body.theme-ayu-light .preview-content h2 { - border-bottom-color: #e7e8e9; - color: #ff6a00; -} - -body.theme-ayu-light .preview-content code { - background-color: #f3f4f5; -} - -body.theme-ayu-light .preview-content pre { - background-color: #f3f4f5; -} - -body.theme-ayu-light .preview-content a { - color: #399ee6; -} - -body.theme-ayu-light .status-bar { - background: #f3f4f5; - border-top-color: #e7e8e9; - color: #5c6166; -} - -/* Theme: Ayu Mirage */ -body.theme-ayu-mirage { - background: #1f2430; - color: #cbccc6; -} - -body.theme-ayu-mirage .tab-bar { - background: #232834; - border-bottom-color: #343d4b; -} - -body.theme-ayu-mirage .tab { - background: #343d4b; - border-color: #465268; - color: #cbccc6; -} - -body.theme-ayu-mirage .tab.active { - background: #1f2430; - border-color: #ffa759; -} - -body.theme-ayu-mirage .toolbar { - background: #232834; - border-bottom-color: #343d4b; -} - -body.theme-ayu-mirage .toolbar button { - color: #cbccc6; -} - -body.theme-ayu-mirage .toolbar button:hover { - background: #343d4b; - border-color: #465268; -} - -body.theme-ayu-mirage .editor-textarea { - background: #1f2430; - color: #cbccc6; -} - -body.theme-ayu-mirage .pane:last-child { - background: #1f2430; -} - -body.theme-ayu-mirage .preview-content { - color: #cbccc6; -} - -body.theme-ayu-mirage .preview-content h1, -body.theme-ayu-mirage .preview-content h2 { - border-bottom-color: #343d4b; - color: #ffa759; -} - -body.theme-ayu-mirage .preview-content code { - background-color: #232834; -} - -body.theme-ayu-mirage .preview-content pre { - background-color: #232834; -} - -body.theme-ayu-mirage .preview-content a { - color: #5ccfe6; -} - -body.theme-ayu-mirage .status-bar { - background: #232834; - border-top-color: #343d4b; - color: #cbccc6; -} - -/* Theme: Oceanic Next */ -body.theme-oceanic-next { - background: #1b2b34; - color: #cdd3de; -} - -body.theme-oceanic-next .tab-bar { - background: #20353f; - border-bottom-color: #343d46; -} - -body.theme-oceanic-next .tab { - background: #343d46; - border-color: #4f5b66; - color: #cdd3de; -} - -body.theme-oceanic-next .tab.active { - background: #1b2b34; - border-color: #6699cc; -} - -body.theme-oceanic-next .toolbar { - background: #20353f; - border-bottom-color: #343d46; -} - -body.theme-oceanic-next .toolbar button { - color: #cdd3de; -} - -body.theme-oceanic-next .toolbar button:hover { - background: #343d46; - border-color: #4f5b66; -} - -body.theme-oceanic-next .editor-textarea { - background: #1b2b34; - color: #cdd3de; -} - -body.theme-oceanic-next .pane:last-child { - background: #1b2b34; -} - -body.theme-oceanic-next .preview-content { - color: #cdd3de; -} - -body.theme-oceanic-next .preview-content h1, -body.theme-oceanic-next .preview-content h2 { - border-bottom-color: #343d46; - color: #6699cc; -} - -body.theme-oceanic-next .preview-content code { - background-color: #20353f; -} - -body.theme-oceanic-next .preview-content pre { - background-color: #20353f; -} - -body.theme-oceanic-next .preview-content a { - color: #5fb3b3; -} - -body.theme-oceanic-next .status-bar { - background: #20353f; - border-top-color: #343d46; - color: #cdd3de; -} - -/* Theme: Cobalt2 */ -body.theme-cobalt2 { - background: #193549; - color: #ffffff; -} - -body.theme-cobalt2 .tab-bar { - background: #15232d; - border-bottom-color: #2a4a5d; -} - -body.theme-cobalt2 .tab { - background: #0d3a58; - border-color: #2a4a5d; - color: #ffffff; -} - -body.theme-cobalt2 .tab.active { - background: #193549; - border-color: #ffc600; -} - -body.theme-cobalt2 .toolbar { - background: #15232d; - border-bottom-color: #2a4a5d; -} - -body.theme-cobalt2 .toolbar button { - color: #ffffff; -} - -body.theme-cobalt2 .toolbar button:hover { - background: #0d3a58; - border-color: #2a4a5d; -} - -body.theme-cobalt2 .editor-textarea { - background: #193549; - color: #ffffff; -} - -body.theme-cobalt2 .pane:last-child { - background: #193549; -} - -body.theme-cobalt2 .preview-content { - color: #ffffff; -} - -body.theme-cobalt2 .preview-content h1, -body.theme-cobalt2 .preview-content h2 { - border-bottom-color: #2a4a5d; - color: #ffc600; -} - -body.theme-cobalt2 .preview-content code { - background-color: #0d3a58; -} - -body.theme-cobalt2 .preview-content pre { - background-color: #0d3a58; -} - -body.theme-cobalt2 .preview-content a { - color: #3ad900; -} - -body.theme-cobalt2 .status-bar { - background: #15232d; - border-top-color: #2a4a5d; - color: #ffffff; -} - -/* Theme: Concrete Dark - ConcreteInfo branded dark theme */ -body.theme-concrete-dark { - background: #0d0b09; - color: #e3e3e3; -} - -body.theme-concrete-dark .tab-bar { - background: #1a1816; - border-bottom-color: #464646; -} - -body.theme-concrete-dark .tab { - background: #464646; - border-color: #9a9696; - color: #e3e3e3; -} - -body.theme-concrete-dark .tab.active { - background: #0d0b09; - border-color: #e5461f; -} - -body.theme-concrete-dark .toolbar { - background: #1a1816; - border-bottom-color: #464646; -} - -body.theme-concrete-dark .toolbar button { - color: #e3e3e3; -} - -body.theme-concrete-dark .toolbar button:hover { - background: #464646; - border-color: #e5461f; -} - -body.theme-concrete-dark .editor-textarea { - background: #0d0b09; - color: #e3e3e3; -} - -body.theme-concrete-dark .pane:last-child { - background: #0d0b09; -} - -body.theme-concrete-dark .preview-content { - color: #e3e3e3; -} - -body.theme-concrete-dark .preview-content h1, -body.theme-concrete-dark .preview-content h2 { - border-bottom-color: #464646; - color: #e5461f; -} - -body.theme-concrete-dark .preview-content code { - background-color: #464646; -} - -body.theme-concrete-dark .preview-content pre { - background-color: #464646; -} - -body.theme-concrete-dark .preview-content a { - color: #e5461f; -} - -body.theme-concrete-dark .status-bar { - background: #1a1816; - border-top-color: #464646; - color: #9a9696; -} - -/* Theme: Concrete Light - ConcreteInfo branded light theme */ -body.theme-concrete-light { - background: #fafafa; - color: #0d0b09; -} - -body.theme-concrete-light .tab-bar { - background: #e3e3e3; - border-bottom-color: #9a9696; -} - -body.theme-concrete-light .tab { - background: #e3e3e3; - border-color: #9a9696; - color: #0d0b09; -} - -body.theme-concrete-light .tab.active { - background: #fafafa; - border-color: #e5461f; -} - -body.theme-concrete-light .toolbar { - background: #e3e3e3; - border-bottom-color: #9a9696; -} - -body.theme-concrete-light .toolbar button { - color: #0d0b09; -} - -body.theme-concrete-light .toolbar button:hover { - background: #9a9696; - border-color: #e5461f; -} - -body.theme-concrete-light .editor-textarea { - background: #fafafa; - color: #0d0b09; -} - -body.theme-concrete-light .pane:last-child { - background: #fafafa; -} - -body.theme-concrete-light .preview-content { - color: #0d0b09; -} - -body.theme-concrete-light .preview-content h1, -body.theme-concrete-light .preview-content h2 { - border-bottom-color: #9a9696; - color: #e5461f; -} - -body.theme-concrete-light .preview-content code { - background-color: #e3e3e3; -} - -body.theme-concrete-light .preview-content pre { - background-color: #e3e3e3; -} - -body.theme-concrete-light .preview-content a { - color: #e5461f; -} - -body.theme-concrete-light .status-bar { - background: #e3e3e3; - border-top-color: #9a9696; - color: #464646; -} - -/* Theme: Concrete Warm - ConcreteInfo branded warm theme */ -body.theme-concrete-warm { - background: #464646; - color: #e3e3e3; -} - -body.theme-concrete-warm .tab-bar { - background: #3a3836; - border-bottom-color: #9a9696; -} - -body.theme-concrete-warm .tab { - background: #9a9696; - border-color: #e3e3e3; - color: #0d0b09; -} - -body.theme-concrete-warm .tab.active { - background: #464646; - border-color: #e5461f; -} - -body.theme-concrete-warm .toolbar { - background: #3a3836; - border-bottom-color: #9a9696; -} - -body.theme-concrete-warm .toolbar button { - color: #e3e3e3; -} - -body.theme-concrete-warm .toolbar button:hover { - background: #9a9696; - border-color: #e5461f; -} - -body.theme-concrete-warm .editor-textarea { - background: #464646; - color: #e3e3e3; -} - -body.theme-concrete-warm .pane:last-child { - background: #464646; -} - -body.theme-concrete-warm .preview-content { - color: #e3e3e3; -} - -body.theme-concrete-warm .preview-content h1, -body.theme-concrete-warm .preview-content h2 { - border-bottom-color: #9a9696; - color: #e5461f; -} - -body.theme-concrete-warm .preview-content code { - background-color: #3a3836; -} - -body.theme-concrete-warm .preview-content pre { - background-color: #3a3836; -} - -body.theme-concrete-warm .preview-content a { - color: #e5461f; -} - -body.theme-concrete-warm .status-bar { - background: #3a3836; - border-top-color: #9a9696; - color: #e3e3e3; -} - -/* ======================================== - Sepia Theme - Warm reading theme - ======================================== */ -body.theme-sepia { - background: #f4ecd8; - color: #5b4636; -} - -body.theme-sepia .tab-bar { - background: #e8dcc8; - border-bottom-color: #d4c4a8; -} - -body.theme-sepia .tab { - background: #e8dcc8; - border-color: #d4c4a8; - color: #5b4636; -} - -body.theme-sepia .tab.active { - background: #f4ecd8; - border-bottom-color: #8b7355; -} - -body.theme-sepia .toolbar { - background: #e8dcc8; - border-bottom-color: #d4c4a8; -} - -body.theme-sepia .toolbar button { - color: #5b4636; -} - -body.theme-sepia .toolbar button:hover { - background: #d4c4a8; -} - -body.theme-sepia .editor-textarea { - background: #f4ecd8; - color: #5b4636; -} - -body.theme-sepia .pane:last-child { - background: #f4ecd8; -} - -body.theme-sepia .preview-content { - color: #5b4636; -} - -body.theme-sepia .preview-content h1, -body.theme-sepia .preview-content h2 { - color: #3d2914; - border-bottom-color: #d4c4a8; -} - -body.theme-sepia .preview-content code { - background: #e8dcc8; - color: #8b4513; -} - -body.theme-sepia .preview-content pre { - background: #e8dcc8; - border-color: #d4c4a8; -} - -body.theme-sepia .preview-content a { - color: #8b4513; -} - -body.theme-sepia .preview-content blockquote { - border-left-color: #8b7355; - background: #e8dcc8; -} - -body.theme-sepia .status-bar { - background: #e8dcc8; - border-top-color: #d4c4a8; - color: #5b4636; -} - -/* ======================================== - Paper Theme - Clean white paper - ======================================== */ -body.theme-paper { - background: #ffffff; - color: #1a1a1a; -} - -body.theme-paper .tab-bar { - background: #f8f8f8; - border-bottom-color: #e0e0e0; -} - -body.theme-paper .tab { - background: #f0f0f0; - border-color: #e0e0e0; - color: #333; -} - -body.theme-paper .tab.active { - background: #ffffff; - border-bottom-color: #1a1a1a; -} - -body.theme-paper .toolbar { - background: #f8f8f8; - border-bottom-color: #e0e0e0; -} - -body.theme-paper .toolbar button { - color: #333; -} - -body.theme-paper .toolbar button:hover { - background: #e8e8e8; -} - -body.theme-paper .editor-textarea { - background: #ffffff; - color: #1a1a1a; -} - -body.theme-paper .pane:last-child { - background: #ffffff; -} - -body.theme-paper .preview-content { - color: #1a1a1a; -} - -body.theme-paper .preview-content h1, -body.theme-paper .preview-content h2 { - color: #000; - border-bottom-color: #e0e0e0; -} - -body.theme-paper .preview-content code { - background: #f5f5f5; - color: #c41a16; -} - -body.theme-paper .preview-content pre { - background: #f5f5f5; - border-color: #e0e0e0; -} - -body.theme-paper .preview-content a { - color: #0366d6; -} - -body.theme-paper .preview-content blockquote { - border-left-color: #ddd; - background: #f9f9f9; -} - -body.theme-paper .status-bar { - background: #f8f8f8; - border-top-color: #e0e0e0; - color: #333; -} - -/* ======================================== - Rose Pine Dawn - Warm rose-tinted light - ======================================== */ -body.theme-rosepine-dawn { - background: #faf4ed; - color: #575279; -} - -body.theme-rosepine-dawn .tab-bar { - background: #f2e9e1; - border-bottom-color: #dfdad9; -} - -body.theme-rosepine-dawn .tab { - background: #f2e9e1; - border-color: #dfdad9; - color: #575279; -} - -body.theme-rosepine-dawn .tab.active { - background: #faf4ed; - border-bottom-color: #907aa9; -} - -body.theme-rosepine-dawn .toolbar { - background: #f2e9e1; - border-bottom-color: #dfdad9; -} - -body.theme-rosepine-dawn .toolbar button { - color: #575279; -} - -body.theme-rosepine-dawn .toolbar button:hover { - background: #dfdad9; -} - -body.theme-rosepine-dawn .editor-textarea { - background: #faf4ed; - color: #575279; -} - -body.theme-rosepine-dawn .pane:last-child { - background: #faf4ed; -} - -body.theme-rosepine-dawn .preview-content { - color: #575279; -} - -body.theme-rosepine-dawn .preview-content h1, -body.theme-rosepine-dawn .preview-content h2 { - color: #286983; - border-bottom-color: #dfdad9; -} - -body.theme-rosepine-dawn .preview-content code { - background: #f2e9e1; - color: #b4637a; -} - -body.theme-rosepine-dawn .preview-content pre { - background: #f2e9e1; - border-color: #dfdad9; -} - -body.theme-rosepine-dawn .preview-content a { - color: #56949f; -} - -body.theme-rosepine-dawn .preview-content blockquote { - border-left-color: #907aa9; - background: #f2e9e1; - color: #797593; -} - -body.theme-rosepine-dawn .status-bar { - background: #f2e9e1; - border-top-color: #dfdad9; - color: #575279; -} - /* Print Styles */ @media print { /* Hide UI elements for clean print output */ @@ -3924,21 +2084,6 @@ body[class*='dark'] .mermaid { border-color: #444; } -body.theme-solarized .mermaid { - background: #fdf6e3; - border-color: #eee8d5; -} - -body.theme-monokai .mermaid { - background: #2f2f2f; - border-color: #49483e; -} - -body.theme-github .mermaid { - background: #f6f8fa; - border-color: #e1e4e8; -} - /* Task List Styles */ .preview-content input[type='checkbox'] { margin-right: 6px; diff --git a/src/styles/themes/atomonelight.css b/src/styles/themes/atomonelight.css new file mode 100644 index 0000000..549d8bd --- /dev/null +++ b/src/styles/themes/atomonelight.css @@ -0,0 +1,72 @@ +/* Theme: Atom One Light (Default) — id=atomonelight — category=light */ +body.theme-atomonelight { + background: #fafafa; + color: #383a42; +} + +body.theme-atomonelight .tab-bar { + background: #f0f0f0; + border-bottom-color: #e0e0e0; +} + +body.theme-atomonelight .tab { + background: #e5e5e6; + border-color: #d0d0d0; + color: #383a42; +} + +body.theme-atomonelight .tab.active { + background: #fafafa; + border-color: #4078f2; +} + +body.theme-atomonelight .toolbar { + background: #f0f0f0; + border-bottom-color: #e0e0e0; +} + +body.theme-atomonelight .toolbar button { + color: #383a42; +} + +body.theme-atomonelight .toolbar button:hover { + background: #e5e5e6; + border-color: #d0d0d0; +} + +body.theme-atomonelight .editor-textarea { + background: #fafafa; + color: #383a42; +} + +body.theme-atomonelight .pane:last-child { + background: #fafafa; +} + +body.theme-atomonelight .preview-content { + color: #383a42; +} + +body.theme-atomonelight .preview-content h1, +body.theme-atomonelight .preview-content h2 { + border-bottom-color: #e0e0e0; + color: #4078f2; +} + +body.theme-atomonelight .preview-content code { + background-color: #f0f0f0; +} + +body.theme-atomonelight .preview-content pre { + background-color: #f0f0f0; +} + +body.theme-atomonelight .preview-content a { + color: #0184bc; +} + +body.theme-atomonelight .status-bar { + background: #f0f0f0; + border-top-color: #e0e0e0; + color: #383a42; +} diff --git a/src/styles/themes/ayu-dark.css b/src/styles/themes/ayu-dark.css new file mode 100644 index 0000000..43b4bf0 --- /dev/null +++ b/src/styles/themes/ayu-dark.css @@ -0,0 +1,72 @@ +/* Theme: Ayu Dark — id=ayu-dark — category=dark */ +body.theme-ayu-dark { + background: #0a0e14; + color: #b3b1ad; +} + +body.theme-ayu-dark .tab-bar { + background: #0d1016; + border-bottom-color: #1f2430; +} + +body.theme-ayu-dark .tab { + background: #1f2430; + border-color: #3d424d; + color: #b3b1ad; +} + +body.theme-ayu-dark .tab.active { + background: #0a0e14; + border-color: #ffaa33; +} + +body.theme-ayu-dark .toolbar { + background: #0d1016; + border-bottom-color: #1f2430; +} + +body.theme-ayu-dark .toolbar button { + color: #b3b1ad; +} + +body.theme-ayu-dark .toolbar button:hover { + background: #1f2430; + border-color: #3d424d; +} + +body.theme-ayu-dark .editor-textarea { + background: #0a0e14; + color: #b3b1ad; +} + +body.theme-ayu-dark .pane:last-child { + background: #0a0e14; +} + +body.theme-ayu-dark .preview-content { + color: #b3b1ad; +} + +body.theme-ayu-dark .preview-content h1, +body.theme-ayu-dark .preview-content h2 { + border-bottom-color: #1f2430; + color: #ffaa33; +} + +body.theme-ayu-dark .preview-content code { + background-color: #0d1016; +} + +body.theme-ayu-dark .preview-content pre { + background-color: #0d1016; +} + +body.theme-ayu-dark .preview-content a { + color: #39bae6; +} + +body.theme-ayu-dark .status-bar { + background: #0d1016; + border-top-color: #1f2430; + color: #b3b1ad; +} diff --git a/src/styles/themes/ayu-light.css b/src/styles/themes/ayu-light.css new file mode 100644 index 0000000..fd57a69 --- /dev/null +++ b/src/styles/themes/ayu-light.css @@ -0,0 +1,72 @@ +/* Theme: Ayu Light — id=ayu-light — category=light */ +body.theme-ayu-light { + background: #fafafa; + color: #5c6166; +} + +body.theme-ayu-light .tab-bar { + background: #f3f4f5; + border-bottom-color: #e7e8e9; +} + +body.theme-ayu-light .tab { + background: #e7e8e9; + border-color: #d9dadb; + color: #5c6166; +} + +body.theme-ayu-light .tab.active { + background: #fafafa; + border-color: #ff6a00; +} + +body.theme-ayu-light .toolbar { + background: #f3f4f5; + border-bottom-color: #e7e8e9; +} + +body.theme-ayu-light .toolbar button { + color: #5c6166; +} + +body.theme-ayu-light .toolbar button:hover { + background: #e7e8e9; + border-color: #d9dadb; +} + +body.theme-ayu-light .editor-textarea { + background: #fafafa; + color: #5c6166; +} + +body.theme-ayu-light .pane:last-child { + background: #fafafa; +} + +body.theme-ayu-light .preview-content { + color: #5c6166; +} + +body.theme-ayu-light .preview-content h1, +body.theme-ayu-light .preview-content h2 { + border-bottom-color: #e7e8e9; + color: #ff6a00; +} + +body.theme-ayu-light .preview-content code { + background-color: #f3f4f5; +} + +body.theme-ayu-light .preview-content pre { + background-color: #f3f4f5; +} + +body.theme-ayu-light .preview-content a { + color: #399ee6; +} + +body.theme-ayu-light .status-bar { + background: #f3f4f5; + border-top-color: #e7e8e9; + color: #5c6166; +} diff --git a/src/styles/themes/ayu-mirage.css b/src/styles/themes/ayu-mirage.css new file mode 100644 index 0000000..84b81d5 --- /dev/null +++ b/src/styles/themes/ayu-mirage.css @@ -0,0 +1,72 @@ +/* Theme: Ayu Mirage — id=ayu-mirage — category=dark */ +body.theme-ayu-mirage { + background: #1f2430; + color: #cbccc6; +} + +body.theme-ayu-mirage .tab-bar { + background: #232834; + border-bottom-color: #343d4b; +} + +body.theme-ayu-mirage .tab { + background: #343d4b; + border-color: #465268; + color: #cbccc6; +} + +body.theme-ayu-mirage .tab.active { + background: #1f2430; + border-color: #ffa759; +} + +body.theme-ayu-mirage .toolbar { + background: #232834; + border-bottom-color: #343d4b; +} + +body.theme-ayu-mirage .toolbar button { + color: #cbccc6; +} + +body.theme-ayu-mirage .toolbar button:hover { + background: #343d4b; + border-color: #465268; +} + +body.theme-ayu-mirage .editor-textarea { + background: #1f2430; + color: #cbccc6; +} + +body.theme-ayu-mirage .pane:last-child { + background: #1f2430; +} + +body.theme-ayu-mirage .preview-content { + color: #cbccc6; +} + +body.theme-ayu-mirage .preview-content h1, +body.theme-ayu-mirage .preview-content h2 { + border-bottom-color: #343d4b; + color: #ffa759; +} + +body.theme-ayu-mirage .preview-content code { + background-color: #232834; +} + +body.theme-ayu-mirage .preview-content pre { + background-color: #232834; +} + +body.theme-ayu-mirage .preview-content a { + color: #5ccfe6; +} + +body.theme-ayu-mirage .status-bar { + background: #232834; + border-top-color: #343d4b; + color: #cbccc6; +} diff --git a/src/styles/themes/cobalt2.css b/src/styles/themes/cobalt2.css new file mode 100644 index 0000000..2de1eee --- /dev/null +++ b/src/styles/themes/cobalt2.css @@ -0,0 +1,72 @@ +/* Theme: Cobalt2 — id=cobalt2 — category=dark */ +body.theme-cobalt2 { + background: #193549; + color: #ffffff; +} + +body.theme-cobalt2 .tab-bar { + background: #15232d; + border-bottom-color: #2a4a5d; +} + +body.theme-cobalt2 .tab { + background: #0d3a58; + border-color: #2a4a5d; + color: #ffffff; +} + +body.theme-cobalt2 .tab.active { + background: #193549; + border-color: #ffc600; +} + +body.theme-cobalt2 .toolbar { + background: #15232d; + border-bottom-color: #2a4a5d; +} + +body.theme-cobalt2 .toolbar button { + color: #ffffff; +} + +body.theme-cobalt2 .toolbar button:hover { + background: #0d3a58; + border-color: #2a4a5d; +} + +body.theme-cobalt2 .editor-textarea { + background: #193549; + color: #ffffff; +} + +body.theme-cobalt2 .pane:last-child { + background: #193549; +} + +body.theme-cobalt2 .preview-content { + color: #ffffff; +} + +body.theme-cobalt2 .preview-content h1, +body.theme-cobalt2 .preview-content h2 { + border-bottom-color: #2a4a5d; + color: #ffc600; +} + +body.theme-cobalt2 .preview-content code { + background-color: #0d3a58; +} + +body.theme-cobalt2 .preview-content pre { + background-color: #0d3a58; +} + +body.theme-cobalt2 .preview-content a { + color: #3ad900; +} + +body.theme-cobalt2 .status-bar { + background: #15232d; + border-top-color: #2a4a5d; + color: #ffffff; +} diff --git a/src/styles/themes/concrete-dark.css b/src/styles/themes/concrete-dark.css new file mode 100644 index 0000000..b3e7bd6 --- /dev/null +++ b/src/styles/themes/concrete-dark.css @@ -0,0 +1,144 @@ +/* Theme: Concrete Dark — id=concrete-dark — category=dark */ +body.theme-concrete-dark { + background: #0d0b09; + color: #e3e3e3; +} + +body.theme-concrete-dark .tab-bar { + background: #1a1816; + border-bottom-color: #464646; +} + +body.theme-concrete-dark .tab { + background: #464646; + border-color: #9a9696; + color: #e3e3e3; +} + +body.theme-concrete-dark .tab.active { + background: #0d0b09; + border-color: #e5461f; +} + +body.theme-concrete-dark .toolbar { + background: #1a1816; + border-bottom-color: #464646; +} + +body.theme-concrete-dark .toolbar button { + color: #e3e3e3; +} + +body.theme-concrete-dark .toolbar button:hover { + background: #464646; + border-color: #e5461f; +} + +body.theme-concrete-dark .editor-textarea { + background: #0d0b09; + color: #e3e3e3; +} + +body.theme-concrete-dark .pane:last-child { + background: #0d0b09; +} + +body.theme-concrete-dark .preview-content { + color: #e3e3e3; +} + +body.theme-concrete-dark .preview-content h1, +body.theme-concrete-dark .preview-content h2 { + border-bottom-color: #464646; + color: #e5461f; +} + +body.theme-concrete-dark .preview-content code { + background-color: #464646; +} + +body.theme-concrete-dark .preview-content pre { + background-color: #464646; +} + +body.theme-concrete-dark .preview-content a { + color: #e5461f; +} + +body.theme-concrete-dark .status-bar { + background: #1a1816; + border-top-color: #464646; + color: #9a9696; +} + +body.theme-concrete-dark .toolbar { + background: linear-gradient(135deg, #0d0b09 0%, #1a1a1a 100%); + border-bottom: 3px solid #e5461f; +} + +body.theme-concrete-dark .toolbar button:hover { + background: #e5461f; +} + +body.theme-concrete-dark .tab-bar { + background: #0d0b09; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-dark .tab { + background: #2a2a2a; + color: #e3e3e3; + border-radius: 4px 4px 0 0; +} + +body.theme-concrete-dark .tab.active { + background: #464646; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-dark .editor-pane { + background: #1a1a1a; + color: #e3e3e3; +} + +body.theme-concrete-dark .status-bar { + background: #0d0b09; + color: #9a9696; + border-top: 1px solid #464646; +} + +body.theme-concrete-dark .export-dialog-content, +body.theme-concrete-dark .batch-dialog-content { + background: #2a2a2a; + color: #e3e3e3; +} + +body.theme-concrete-dark .export-dialog-header, +body.theme-concrete-dark .batch-dialog-header { + background: #1a1a1a; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-dark .export-dialog-footer, +body.theme-concrete-dark .batch-dialog-footer { + background: #1a1a1a; +} + +body.theme-concrete-dark input, +body.theme-concrete-dark select, +body.theme-concrete-dark textarea { + background: #1a1a1a; + color: #e3e3e3; + border-color: #464646; +} + +body.theme-concrete-dark input:focus, +body.theme-concrete-dark select:focus, +body.theme-concrete-dark textarea:focus { + border-color: #e5461f; +} + +body.theme-concrete-dark .line-numbers { + background: #0d0b09; + color: #9a9696; +} diff --git a/src/styles/themes/concrete-light.css b/src/styles/themes/concrete-light.css new file mode 100644 index 0000000..abe3367 --- /dev/null +++ b/src/styles/themes/concrete-light.css @@ -0,0 +1,128 @@ +/* Theme: Concrete Light — id=concrete-light — category=light */ +body.theme-concrete-light { + background: #fafafa; + color: #0d0b09; +} + +body.theme-concrete-light .tab-bar { + background: #e3e3e3; + border-bottom-color: #9a9696; +} + +body.theme-concrete-light .tab { + background: #e3e3e3; + border-color: #9a9696; + color: #0d0b09; +} + +body.theme-concrete-light .tab.active { + background: #fafafa; + border-color: #e5461f; +} + +body.theme-concrete-light .toolbar { + background: #e3e3e3; + border-bottom-color: #9a9696; +} + +body.theme-concrete-light .toolbar button { + color: #0d0b09; +} + +body.theme-concrete-light .toolbar button:hover { + background: #9a9696; + border-color: #e5461f; +} + +body.theme-concrete-light .editor-textarea { + background: #fafafa; + color: #0d0b09; +} + +body.theme-concrete-light .pane:last-child { + background: #fafafa; +} + +body.theme-concrete-light .preview-content { + color: #0d0b09; +} + +body.theme-concrete-light .preview-content h1, +body.theme-concrete-light .preview-content h2 { + border-bottom-color: #9a9696; + color: #e5461f; +} + +body.theme-concrete-light .preview-content code { + background-color: #e3e3e3; +} + +body.theme-concrete-light .preview-content pre { + background-color: #e3e3e3; +} + +body.theme-concrete-light .preview-content a { + color: #e5461f; +} + +body.theme-concrete-light .status-bar { + background: #e3e3e3; + border-top-color: #9a9696; + color: #464646; +} + +body.theme-concrete-light .toolbar { + background: #ffffff; + border-bottom: 3px solid #e5461f; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); +} + +body.theme-concrete-light .toolbar button:hover { + background: #e5461f; + color: #ffffff; +} + +body.theme-concrete-light .tab-bar { + background: #ffffff; + border-bottom: 2px solid #e3e3e3; +} + +body.theme-concrete-light .tab { + background: #f5f5f5; + color: #464646; + border-radius: 4px 4px 0 0; +} + +body.theme-concrete-light .tab.active { + background: #ffffff; + border-bottom: 2px solid #e5461f; + color: #e5461f; +} + +body.theme-concrete-light .editor-pane { + background: #ffffff; + color: #464646; +} + +body.theme-concrete-light .status-bar { + background: #ffffff; + color: #9a9696; + border-top: 1px solid #e3e3e3; +} + +body.theme-concrete-light .export-dialog-content, +body.theme-concrete-light .batch-dialog-content { + background: #ffffff; + color: #464646; +} + +body.theme-concrete-light .export-dialog-header, +body.theme-concrete-light .batch-dialog-header { + background: #f5f5f5; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-light .line-numbers { + background: #f5f5f5; + color: #9a9696; +} diff --git a/src/styles/themes/concrete-warm.css b/src/styles/themes/concrete-warm.css new file mode 100644 index 0000000..a3ff109 --- /dev/null +++ b/src/styles/themes/concrete-warm.css @@ -0,0 +1,139 @@ +/* Theme: Concrete Warm — id=concrete-warm — category=dark */ +body.theme-concrete-warm { + background: #464646; + color: #e3e3e3; +} + +body.theme-concrete-warm .tab-bar { + background: #3a3836; + border-bottom-color: #9a9696; +} + +body.theme-concrete-warm .tab { + background: #9a9696; + border-color: #e3e3e3; + color: #0d0b09; +} + +body.theme-concrete-warm .tab.active { + background: #464646; + border-color: #e5461f; +} + +body.theme-concrete-warm .toolbar { + background: #3a3836; + border-bottom-color: #9a9696; +} + +body.theme-concrete-warm .toolbar button { + color: #e3e3e3; +} + +body.theme-concrete-warm .toolbar button:hover { + background: #9a9696; + border-color: #e5461f; +} + +body.theme-concrete-warm .editor-textarea { + background: #464646; + color: #e3e3e3; +} + +body.theme-concrete-warm .pane:last-child { + background: #464646; +} + +body.theme-concrete-warm .preview-content { + color: #e3e3e3; +} + +body.theme-concrete-warm .preview-content h1, +body.theme-concrete-warm .preview-content h2 { + border-bottom-color: #9a9696; + color: #e5461f; +} + +body.theme-concrete-warm .preview-content code { + background-color: #3a3836; +} + +body.theme-concrete-warm .preview-content pre { + background-color: #3a3836; +} + +body.theme-concrete-warm .preview-content a { + color: #e5461f; +} + +body.theme-concrete-warm .status-bar { + background: #3a3836; + border-top-color: #9a9696; + color: #e3e3e3; +} + +body.theme-concrete-warm .toolbar { + background: linear-gradient(135deg, #464646 0%, #5a5a5a 100%); + border-bottom: 3px solid #e5461f; +} + +body.theme-concrete-warm .toolbar button:hover { + background: #e5461f; +} + +body.theme-concrete-warm .tab-bar { + background: #464646; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-warm .tab { + background: #6a6a6a; + color: #faf8f5; + border-radius: 4px 4px 0 0; +} + +body.theme-concrete-warm .tab.active { + background: #faf8f5; + color: #e5461f; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-warm .editor-pane { + background: #faf8f5; + color: #464646; +} + +body.theme-concrete-warm .status-bar { + background: #f0ebe4; + color: #9a9696; + border-top: 1px solid #e3e3e3; +} + +body.theme-concrete-warm .export-dialog-content, +body.theme-concrete-warm .batch-dialog-content { + background: #faf8f5; + color: #464646; +} + +body.theme-concrete-warm .export-dialog-header, +body.theme-concrete-warm .batch-dialog-header { + background: #f0ebe4; + border-bottom: 2px solid #e5461f; +} + +body.theme-concrete-warm h1, +body.theme-concrete-warm h2, +body.theme-concrete-warm h3, +body.theme-concrete-warm h4, +body.theme-concrete-warm h5, +body.theme-concrete-warm h6 { + color: #e5461f; +} + +body.theme-concrete-warm a { + color: #e5461f; +} + +body.theme-concrete-warm .line-numbers { + background: #f0ebe4; + color: #9a9696; +} diff --git a/src/styles/themes/dark.css b/src/styles/themes/dark.css new file mode 100644 index 0000000..180a87d --- /dev/null +++ b/src/styles/themes/dark.css @@ -0,0 +1,170 @@ +/* Theme: Dark — id=dark — category=dark */ +body.theme-dark .pane-resizer { + background: linear-gradient(to right, #333, #444, #333); +} + +body.theme-dark .pane-resizer:hover { + background: #61afef; +} + +body.theme-dark .pdf-viewer-toolbar { + background: linear-gradient(180deg, #2d2d2d 0%, #252525 100%) !important; + border-bottom: 1px solid #1a1a1a !important; +} + +body.theme-dark .pdf-viewer-toolbar button { + background: #3d3d3d !important; + border: 1px solid #4d4d4d !important; + color: #e0e0e0 !important; +} + +body.theme-dark .pdf-viewer-toolbar button:hover { + background: #4d4d4d !important; + border-color: #5d5d5d !important; +} + +body.theme-dark .pdf-viewer { + background: #1a1a1a !important; +} + +body.theme-dark .pdf-viewer-container { + background: #1a1a1a !important; +} + +body.theme-dark #pdf-page-input { + background: #3d3d3d !important; + border: 1px solid #4d4d4d !important; + color: #e0e0e0 !important; +} + +body.theme-dark .pdf-toolbar-separator { + background: #3d3d3d !important; +} + +body.theme-dark .preview-content, +body.theme-dark [id^='preview-'] { + color: #e6e6e6; + background: transparent; +} + +body.theme-dark .preview-content h1, +body.theme-dark .preview-content h2, +body.theme-dark .preview-content h3, +body.theme-dark .preview-content h4, +body.theme-dark .preview-content h5, +body.theme-dark .preview-content h6 { + color: #f0f0f0; + border-bottom-color: #444; +} + +body.theme-dark .preview-content p, +body.theme-dark .preview-content li, +body.theme-dark .preview-content td { + color: #d4d4d4; +} + +body.theme-dark .preview-content pre { + background: #1e1e1e; + border-color: #333; + color: #d4d4d4; +} + +body.theme-dark .preview-content code { + background: rgba(255, 255, 255, 0.1); + border-color: #444; + color: #e06c75; +} + +body.theme-dark .preview-content blockquote { + background: rgba(255, 255, 255, 0.05); + border-left-color: #555; + color: #aaa; +} + +body.theme-dark .preview-content a { + color: #61afef; +} + +body.theme-dark .preview-content table { + border-color: #444; +} + +body.theme-dark .preview-content table th { + background: #2d2d2d; + color: #e6e6e6; + border-color: #444; +} + +body.theme-dark .preview-content table td { + border-color: #444; +} + +body.theme-dark .preview-content table tr:nth-child(even) { + background: rgba(255, 255, 255, 0.03); +} + +body.theme-dark .preview-content hr { + border-color: #444; + background: #444; +} + +body.theme-dark .export-dialog-content, +body.theme-dark .batch-dialog-content, +body.theme-dark .pdf-editor-content { + background: #2d2d2d !important; + border-color: #444 !important; + color: #e6e6e6 !important; +} + +body.theme-dark .export-dialog-header, +body.theme-dark .batch-dialog-header { + background: #1a1a1a !important; + border-bottom-color: #333 !important; +} + +body.theme-dark .export-dialog-header h3, +body.theme-dark .batch-dialog-header h3 { + color: #fff !important; +} + +body.theme-dark .export-dialog-body, +body.theme-dark .batch-dialog-body { + background: transparent; +} + +body.theme-dark .export-section label, +body.theme-dark .batch-section label { + color: #ccc; +} + +body.theme-dark .export-section select, +body.theme-dark .export-section input, +body.theme-dark .batch-section select, +body.theme-dark .batch-section input { + background: #2d2d2d; + border-color: #444; + color: #e6e6e6; +} + +body.theme-dark .export-dialog-footer, +body.theme-dark .batch-dialog-footer { + background: #1a1a1a; + border-top-color: #333; +} + +body.theme-dark .app-header { + background: #1f2937; + border-bottom-color: #374151; +} + +body.theme-dark .app-title { + color: #f3f4f6; +} + +body.theme-dark .app-version { + color: #9ca3af; +} + +body.theme-dark .app-logo { + filter: none; +} diff --git a/src/styles/themes/dracula.css b/src/styles/themes/dracula.css new file mode 100644 index 0000000..d4019eb --- /dev/null +++ b/src/styles/themes/dracula.css @@ -0,0 +1,72 @@ +/* Theme: Dracula — id=dracula — category=dark */ +body.theme-dracula { + background: #282a36; + color: #f8f8f2; +} + +body.theme-dracula .tab-bar { + background: #343746; + border-bottom-color: #44475a; +} + +body.theme-dracula .tab { + background: #44475a; + border-color: #6272a4; + color: #f8f8f2; +} + +body.theme-dracula .tab.active { + background: #282a36; + border-color: #bd93f9; +} + +body.theme-dracula .toolbar { + background: #343746; + border-bottom-color: #44475a; +} + +body.theme-dracula .toolbar button { + color: #f8f8f2; +} + +body.theme-dracula .toolbar button:hover { + background: #44475a; + border-color: #6272a4; +} + +body.theme-dracula .editor-textarea { + background: #282a36; + color: #f8f8f2; +} + +body.theme-dracula .pane:last-child { + background: #282a36; +} + +body.theme-dracula .preview-content { + color: #f8f8f2; +} + +body.theme-dracula .preview-content h1, +body.theme-dracula .preview-content h2 { + border-bottom-color: #44475a; + color: #bd93f9; +} + +body.theme-dracula .preview-content code { + background-color: #44475a; +} + +body.theme-dracula .preview-content pre { + background-color: #44475a; +} + +body.theme-dracula .preview-content a { + color: #8be9fd; +} + +body.theme-dracula .status-bar { + background: #343746; + border-top-color: #44475a; + color: #f8f8f2; +} diff --git a/src/styles/themes/github.css b/src/styles/themes/github.css new file mode 100644 index 0000000..8fd9837 --- /dev/null +++ b/src/styles/themes/github.css @@ -0,0 +1,126 @@ +/* Theme: GitHub Light — id=github — category=light */ +body.theme-github { + background: #fff; + color: #24292e; +} + +body.theme-github .tab-bar { + background: #fafbfc; + border-bottom-color: #e1e4e8; +} + +body.theme-github .tab { + background: #f6f8fa; + border-color: #e1e4e8; + color: #24292e; +} + +body.theme-github .tab.active { + background: #fff; + border-color: #0366d6; +} + +body.theme-github .tab-close { + color: #586069; +} + +body.theme-github .tab-close:hover { + background: #e1e4e8; + color: #cb2431; +} + +body.theme-github .new-tab-button { + border-color: #e1e4e8; + color: #586069; +} + +body.theme-github .new-tab-button:hover { + background: #f6f8fa; +} + +body.theme-github .toolbar { + background: #fafbfc; + border-bottom-color: #e1e4e8; +} + +body.theme-github .toolbar button { + color: #586069; +} + +body.theme-github .toolbar button:hover { + background: #f6f8fa; + border-color: #e1e4e8; +} + +body.theme-github #editor { + background: #fff; + color: #24292e; +} + +body.theme-github #preview, +body.theme-github .preview-content { + color: #24292e; +} + +body.theme-github #preview h1, +body.theme-github #preview h2, +body.theme-github .preview-content h1, +body.theme-github .preview-content h2 { + border-bottom-color: #eaecef; +} + +body.theme-github #preview code, +body.theme-github .preview-content code { + background-color: rgba(27, 31, 35, 0.05); +} + +body.theme-github #preview pre, +body.theme-github .preview-content pre { + background-color: #f6f8fa; +} + +body.theme-github #preview blockquote, +body.theme-github .preview-content blockquote { + color: #6a737d; + border-left-color: #dfe2e5; +} + +body.theme-github #preview a, +body.theme-github .preview-content a { + color: #0366d6; +} + +body.theme-github .status-bar { + background: #fafbfc; + border-top-color: #e1e4e8; + color: #586069; +} + +body.theme-github .line-numbers { + background: #fafbfc; + border-right-color: #e1e4e8; + color: #586069; +} + +body.theme-github .export-mode-toggle { + border-color: #e1e4e8; +} + +body.theme-github .export-help { + color: #586069; +} + +body.theme-github .basic-options { + background: #f6f8fa; + border-color: #e1e4e8; +} + +body.theme-github .enhanced-stats { + color: #586069; + border-color: #e1e4e8; +} + +body.theme-github .mermaid { + background: #f6f8fa; + border-color: #e1e4e8; +} diff --git a/src/styles/themes/gruvbox-dark.css b/src/styles/themes/gruvbox-dark.css new file mode 100644 index 0000000..e8289c4 --- /dev/null +++ b/src/styles/themes/gruvbox-dark.css @@ -0,0 +1,72 @@ +/* Theme: Gruvbox Dark — id=gruvbox-dark — category=dark */ +body.theme-gruvbox-dark { + background: #282828; + color: #ebdbb2; +} + +body.theme-gruvbox-dark .tab-bar { + background: #3c3836; + border-bottom-color: #504945; +} + +body.theme-gruvbox-dark .tab { + background: #504945; + border-color: #665c54; + color: #ebdbb2; +} + +body.theme-gruvbox-dark .tab.active { + background: #282828; + border-color: #fabd2f; +} + +body.theme-gruvbox-dark .toolbar { + background: #3c3836; + border-bottom-color: #504945; +} + +body.theme-gruvbox-dark .toolbar button { + color: #ebdbb2; +} + +body.theme-gruvbox-dark .toolbar button:hover { + background: #504945; + border-color: #665c54; +} + +body.theme-gruvbox-dark .editor-textarea { + background: #282828; + color: #ebdbb2; +} + +body.theme-gruvbox-dark .pane:last-child { + background: #282828; +} + +body.theme-gruvbox-dark .preview-content { + color: #ebdbb2; +} + +body.theme-gruvbox-dark .preview-content h1, +body.theme-gruvbox-dark .preview-content h2 { + border-bottom-color: #504945; + color: #fabd2f; +} + +body.theme-gruvbox-dark .preview-content code { + background-color: #3c3836; +} + +body.theme-gruvbox-dark .preview-content pre { + background-color: #3c3836; +} + +body.theme-gruvbox-dark .preview-content a { + color: #83a598; +} + +body.theme-gruvbox-dark .status-bar { + background: #3c3836; + border-top-color: #504945; + color: #ebdbb2; +} diff --git a/src/styles/themes/gruvbox-light.css b/src/styles/themes/gruvbox-light.css new file mode 100644 index 0000000..da05b3f --- /dev/null +++ b/src/styles/themes/gruvbox-light.css @@ -0,0 +1,72 @@ +/* Theme: Gruvbox Light — id=gruvbox-light — category=light */ +body.theme-gruvbox-light { + background: #fbf1c7; + color: #3c3836; +} + +body.theme-gruvbox-light .tab-bar { + background: #ebdbb2; + border-bottom-color: #d5c4a1; +} + +body.theme-gruvbox-light .tab { + background: #d5c4a1; + border-color: #bdae93; + color: #3c3836; +} + +body.theme-gruvbox-light .tab.active { + background: #fbf1c7; + border-color: #b57614; +} + +body.theme-gruvbox-light .toolbar { + background: #ebdbb2; + border-bottom-color: #d5c4a1; +} + +body.theme-gruvbox-light .toolbar button { + color: #3c3836; +} + +body.theme-gruvbox-light .toolbar button:hover { + background: #d5c4a1; + border-color: #bdae93; +} + +body.theme-gruvbox-light .editor-textarea { + background: #fbf1c7; + color: #3c3836; +} + +body.theme-gruvbox-light .pane:last-child { + background: #fbf1c7; +} + +body.theme-gruvbox-light .preview-content { + color: #3c3836; +} + +body.theme-gruvbox-light .preview-content h1, +body.theme-gruvbox-light .preview-content h2 { + border-bottom-color: #d5c4a1; + color: #b57614; +} + +body.theme-gruvbox-light .preview-content code { + background-color: #ebdbb2; +} + +body.theme-gruvbox-light .preview-content pre { + background-color: #ebdbb2; +} + +body.theme-gruvbox-light .preview-content a { + color: #076678; +} + +body.theme-gruvbox-light .status-bar { + background: #ebdbb2; + border-top-color: #d5c4a1; + color: #3c3836; +} diff --git a/src/styles/themes/light.css b/src/styles/themes/light.css new file mode 100644 index 0000000..0e720e3 --- /dev/null +++ b/src/styles/themes/light.css @@ -0,0 +1,85 @@ +/* Theme: Light — id=light — category=light */ +body.theme-light .pdf-viewer-toolbar { + background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%) !important; + border-bottom: 1px solid #d0d0d0 !important; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); +} + +body.theme-light .pdf-viewer-toolbar button { + background: #fff !important; + border: 1px solid #ccc !important; + color: #333 !important; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +body.theme-light .pdf-viewer-toolbar button:hover { + background: #e8e8e8 !important; + border-color: #bbb !important; +} + +body.theme-light .pdf-editor-btn { + background: linear-gradient(135deg, #4a90d9, #357abd) !important; + border: 1px solid #357abd !important; +} + +body.theme-light .pdf-editor-btn:hover { + background: linear-gradient(135deg, #357abd, #2868a0) !important; +} + +body.theme-light #pdf-page-info, +body.theme-light #pdf-zoom-level { + color: #444 !important; + font-weight: 500; +} + +body.theme-light #pdf-page-input { + background: #fff !important; + border: 1px solid #ccc !important; + color: #333 !important; +} + +body.theme-light .pdf-toolbar-separator { + background: #d0d0d0 !important; +} + +body.theme-light .pdf-filename { + color: #555 !important; +} + +body.theme-light .pdf-viewer-container { + background: #e8e8e8; +} + +body.theme-light .pdf-viewer-toolbar { + background: #f5f5f5; + border-bottom-color: #ddd; +} + +body.theme-light .pdf-viewer-toolbar button { + background: #fff; + border-color: #ddd; + color: #333; +} + +body.theme-light .pdf-viewer-toolbar button:hover { + background: #e8e8e8; +} + +body.theme-light #pdf-page-info, +body.theme-light #pdf-zoom-level { + color: #333; +} + +body.theme-light #pdf-page-input { + background: #fff; + border-color: #ddd; + color: #333; +} + +body.theme-light .pdf-filename { + color: #666; +} + +body.theme-light .pdf-viewer { + background: #d0d0d0; +} diff --git a/src/styles/themes/material.css b/src/styles/themes/material.css new file mode 100644 index 0000000..2222ef9 --- /dev/null +++ b/src/styles/themes/material.css @@ -0,0 +1,72 @@ +/* Theme: Material — id=material — category=dark */ +body.theme-material { + background: #263238; + color: #eeffff; +} + +body.theme-material .tab-bar { + background: #2e3c43; + border-bottom-color: #37474f; +} + +body.theme-material .tab { + background: #37474f; + border-color: #546e7a; + color: #eeffff; +} + +body.theme-material .tab.active { + background: #263238; + border-color: #82aaff; +} + +body.theme-material .toolbar { + background: #2e3c43; + border-bottom-color: #37474f; +} + +body.theme-material .toolbar button { + color: #eeffff; +} + +body.theme-material .toolbar button:hover { + background: #37474f; + border-color: #546e7a; +} + +body.theme-material .editor-textarea { + background: #263238; + color: #eeffff; +} + +body.theme-material .pane:last-child { + background: #263238; +} + +body.theme-material .preview-content { + color: #eeffff; +} + +body.theme-material .preview-content h1, +body.theme-material .preview-content h2 { + border-bottom-color: #37474f; + color: #82aaff; +} + +body.theme-material .preview-content code { + background-color: #2e3c43; +} + +body.theme-material .preview-content pre { + background-color: #2e3c43; +} + +body.theme-material .preview-content a { + color: #80cbc4; +} + +body.theme-material .status-bar { + background: #2e3c43; + border-top-color: #37474f; + color: #eeffff; +} diff --git a/src/styles/themes/monokai.css b/src/styles/themes/monokai.css new file mode 100644 index 0000000..cda7136 --- /dev/null +++ b/src/styles/themes/monokai.css @@ -0,0 +1,135 @@ +/* Theme: Monokai — id=monokai — category=dark */ +body.theme-monokai { + background: #272822; + color: #f8f8f2; +} + +body.theme-monokai .tab-bar { + background: #3e3d32; + border-bottom-color: #75715e; +} + +body.theme-monokai .tab { + background: #49483e; + border-color: #75715e; + color: #f8f8f2; +} + +body.theme-monokai .tab.active { + background: #272822; + border-color: #a6e22e; +} + +body.theme-monokai .tab-close { + color: #f8f8f2; +} + +body.theme-monokai .tab-close:hover { + background: #75715e; + color: #f92672; +} + +body.theme-monokai .new-tab-button { + border-color: #75715e; + color: #f8f8f2; +} + +body.theme-monokai .new-tab-button:hover { + background: #49483e; +} + +body.theme-monokai .toolbar { + background: #3e3d32; + border-bottom-color: #75715e; +} + +body.theme-monokai .toolbar button { + color: #f8f8f2; +} + +body.theme-monokai .toolbar button:hover { + background: #49483e; + border-color: #75715e; +} + +body.theme-monokai #editor { + background: #272822; + color: #f8f8f2; +} + +body.theme-monokai .editor-textarea { + background: #272822; + color: #f8f8f2; +} + +body.theme-monokai #preview-pane { + background: #272822; +} + +body.theme-monokai #preview, +body.theme-monokai .preview-content { + color: #f8f8f2; +} + +body.theme-monokai #preview h1, +body.theme-monokai #preview h2, +body.theme-monokai .preview-content h1, +body.theme-monokai .preview-content h2 { + border-bottom-color: #75715e; +} + +body.theme-monokai #preview code, +body.theme-monokai .preview-content code { + background-color: #3e3d32; +} + +body.theme-monokai #preview pre, +body.theme-monokai .preview-content pre { + background-color: #3e3d32; +} + +body.theme-monokai #preview blockquote, +body.theme-monokai .preview-content blockquote { + color: #75715e; + border-left-color: #75715e; +} + +body.theme-monokai #preview a, +body.theme-monokai .preview-content a { + color: #66d9ef; +} + +body.theme-monokai .status-bar { + background: #3e3d32; + border-top-color: #75715e; + color: #75715e; +} + +body.theme-monokai .line-numbers { + background: #2f2f2f; + border-right-color: #555; + color: #75715e; +} + +body.theme-monokai .export-mode-toggle { + border-color: #49483e; +} + +body.theme-monokai .export-help { + color: #75715e; +} + +body.theme-monokai .basic-options { + background: #2f2f2f; + border-color: #49483e; +} + +body.theme-monokai .enhanced-stats { + color: #75715e; + border-color: #49483e; +} + +body.theme-monokai .mermaid { + background: #2f2f2f; + border-color: #49483e; +} diff --git a/src/styles/themes/nord.css b/src/styles/themes/nord.css new file mode 100644 index 0000000..c44cf22 --- /dev/null +++ b/src/styles/themes/nord.css @@ -0,0 +1,72 @@ +/* Theme: Nord — id=nord — category=dark */ +body.theme-nord { + background: #2e3440; + color: #d8dee9; +} + +body.theme-nord .tab-bar { + background: #3b4252; + border-bottom-color: #4c566a; +} + +body.theme-nord .tab { + background: #434c5e; + border-color: #4c566a; + color: #d8dee9; +} + +body.theme-nord .tab.active { + background: #2e3440; + border-color: #88c0d0; +} + +body.theme-nord .toolbar { + background: #3b4252; + border-bottom-color: #4c566a; +} + +body.theme-nord .toolbar button { + color: #d8dee9; +} + +body.theme-nord .toolbar button:hover { + background: #434c5e; + border-color: #4c566a; +} + +body.theme-nord .editor-textarea { + background: #2e3440; + color: #d8dee9; +} + +body.theme-nord .pane:last-child { + background: #2e3440; +} + +body.theme-nord .preview-content { + color: #d8dee9; +} + +body.theme-nord .preview-content h1, +body.theme-nord .preview-content h2 { + border-bottom-color: #4c566a; + color: #88c0d0; +} + +body.theme-nord .preview-content code { + background-color: #3b4252; +} + +body.theme-nord .preview-content pre { + background-color: #3b4252; +} + +body.theme-nord .preview-content a { + color: #81a1c1; +} + +body.theme-nord .status-bar { + background: #3b4252; + border-top-color: #4c566a; + color: #d8dee9; +} diff --git a/src/styles/themes/oceanic-next.css b/src/styles/themes/oceanic-next.css new file mode 100644 index 0000000..b3e6da0 --- /dev/null +++ b/src/styles/themes/oceanic-next.css @@ -0,0 +1,72 @@ +/* Theme: Oceanic Next — id=oceanic-next — category=dark */ +body.theme-oceanic-next { + background: #1b2b34; + color: #cdd3de; +} + +body.theme-oceanic-next .tab-bar { + background: #20353f; + border-bottom-color: #343d46; +} + +body.theme-oceanic-next .tab { + background: #343d46; + border-color: #4f5b66; + color: #cdd3de; +} + +body.theme-oceanic-next .tab.active { + background: #1b2b34; + border-color: #6699cc; +} + +body.theme-oceanic-next .toolbar { + background: #20353f; + border-bottom-color: #343d46; +} + +body.theme-oceanic-next .toolbar button { + color: #cdd3de; +} + +body.theme-oceanic-next .toolbar button:hover { + background: #343d46; + border-color: #4f5b66; +} + +body.theme-oceanic-next .editor-textarea { + background: #1b2b34; + color: #cdd3de; +} + +body.theme-oceanic-next .pane:last-child { + background: #1b2b34; +} + +body.theme-oceanic-next .preview-content { + color: #cdd3de; +} + +body.theme-oceanic-next .preview-content h1, +body.theme-oceanic-next .preview-content h2 { + border-bottom-color: #343d46; + color: #6699cc; +} + +body.theme-oceanic-next .preview-content code { + background-color: #20353f; +} + +body.theme-oceanic-next .preview-content pre { + background-color: #20353f; +} + +body.theme-oceanic-next .preview-content a { + color: #5fb3b3; +} + +body.theme-oceanic-next .status-bar { + background: #20353f; + border-top-color: #343d46; + color: #cdd3de; +} diff --git a/src/styles/themes/onedark.css b/src/styles/themes/onedark.css new file mode 100644 index 0000000..ae04a55 --- /dev/null +++ b/src/styles/themes/onedark.css @@ -0,0 +1,88 @@ +/* Theme: One Dark — id=onedark — category=dark */ +body.theme-onedark, +body.theme-one-dark { + background: #282c34; + color: #abb2bf; +} + +body.theme-onedark .tab-bar, +body.theme-one-dark .tab-bar { + background: #21252b; + border-bottom-color: #181a1f; +} + +body.theme-onedark .tab, +body.theme-one-dark .tab { + background: #2c313a; + border-color: #3e4451; + color: #abb2bf; +} + +body.theme-onedark .tab.active, +body.theme-one-dark .tab.active { + background: #282c34; + border-color: #61afef; +} + +body.theme-onedark .toolbar, +body.theme-one-dark .toolbar { + background: #21252b; + border-bottom-color: #181a1f; +} + +body.theme-onedark .toolbar button, +body.theme-one-dark .toolbar button { + color: #abb2bf; +} + +body.theme-onedark .toolbar button:hover, +body.theme-one-dark .toolbar button:hover { + background: #2c313a; + border-color: #3e4451; +} + +body.theme-onedark .editor-textarea, +body.theme-one-dark .editor-textarea { + background: #282c34; + color: #abb2bf; +} + +body.theme-onedark .pane:last-child, +body.theme-one-dark .pane:last-child { + background: #282c34; +} + +body.theme-onedark .preview-content, +body.theme-one-dark .preview-content { + color: #abb2bf; +} + +body.theme-onedark .preview-content h1, +body.theme-onedark .preview-content h2, +body.theme-one-dark .preview-content h1, +body.theme-one-dark .preview-content h2 { + border-bottom-color: #3e4451; + color: #61afef; +} + +body.theme-onedark .preview-content code, +body.theme-one-dark .preview-content code { + background-color: #21252b; +} + +body.theme-onedark .preview-content pre, +body.theme-one-dark .preview-content pre { + background-color: #21252b; +} + +body.theme-onedark .preview-content a, +body.theme-one-dark .preview-content a { + color: #56b6c2; +} + +body.theme-onedark .status-bar, +body.theme-one-dark .status-bar { + background: #21252b; + border-top-color: #181a1f; + color: #abb2bf; +} diff --git a/src/styles/themes/palenight.css b/src/styles/themes/palenight.css new file mode 100644 index 0000000..e1d382b --- /dev/null +++ b/src/styles/themes/palenight.css @@ -0,0 +1,72 @@ +/* Theme: Palenight — id=palenight — category=dark */ +body.theme-palenight { + background: #292d3e; + color: #a6accd; +} + +body.theme-palenight .tab-bar { + background: #32374d; + border-bottom-color: #444267; +} + +body.theme-palenight .tab { + background: #444267; + border-color: #676e95; + color: #a6accd; +} + +body.theme-palenight .tab.active { + background: #292d3e; + border-color: #82aaff; +} + +body.theme-palenight .toolbar { + background: #32374d; + border-bottom-color: #444267; +} + +body.theme-palenight .toolbar button { + color: #a6accd; +} + +body.theme-palenight .toolbar button:hover { + background: #444267; + border-color: #676e95; +} + +body.theme-palenight .editor-textarea { + background: #292d3e; + color: #a6accd; +} + +body.theme-palenight .pane:last-child { + background: #292d3e; +} + +body.theme-palenight .preview-content { + color: #a6accd; +} + +body.theme-palenight .preview-content h1, +body.theme-palenight .preview-content h2 { + border-bottom-color: #444267; + color: #82aaff; +} + +body.theme-palenight .preview-content code { + background-color: #32374d; +} + +body.theme-palenight .preview-content pre { + background-color: #32374d; +} + +body.theme-palenight .preview-content a { + color: #89ddff; +} + +body.theme-palenight .status-bar { + background: #32374d; + border-top-color: #444267; + color: #a6accd; +} diff --git a/src/styles/themes/paper.css b/src/styles/themes/paper.css new file mode 100644 index 0000000..465561e --- /dev/null +++ b/src/styles/themes/paper.css @@ -0,0 +1,78 @@ +/* Theme: Paper — id=paper — category=light */ +body.theme-paper { + background: #ffffff; + color: #1a1a1a; +} + +body.theme-paper .tab-bar { + background: #f8f8f8; + border-bottom-color: #e0e0e0; +} + +body.theme-paper .tab { + background: #f0f0f0; + border-color: #e0e0e0; + color: #333; +} + +body.theme-paper .tab.active { + background: #ffffff; + border-bottom-color: #1a1a1a; +} + +body.theme-paper .toolbar { + background: #f8f8f8; + border-bottom-color: #e0e0e0; +} + +body.theme-paper .toolbar button { + color: #333; +} + +body.theme-paper .toolbar button:hover { + background: #e8e8e8; +} + +body.theme-paper .editor-textarea { + background: #ffffff; + color: #1a1a1a; +} + +body.theme-paper .pane:last-child { + background: #ffffff; +} + +body.theme-paper .preview-content { + color: #1a1a1a; +} + +body.theme-paper .preview-content h1, +body.theme-paper .preview-content h2 { + color: #000; + border-bottom-color: #e0e0e0; +} + +body.theme-paper .preview-content code { + background: #f5f5f5; + color: #c41a16; +} + +body.theme-paper .preview-content pre { + background: #f5f5f5; + border-color: #e0e0e0; +} + +body.theme-paper .preview-content a { + color: #0366d6; +} + +body.theme-paper .preview-content blockquote { + border-left-color: #ddd; + background: #f9f9f9; +} + +body.theme-paper .status-bar { + background: #f8f8f8; + border-top-color: #e0e0e0; + color: #333; +} diff --git a/src/styles/themes/rosepine-dawn.css b/src/styles/themes/rosepine-dawn.css new file mode 100644 index 0000000..d844274 --- /dev/null +++ b/src/styles/themes/rosepine-dawn.css @@ -0,0 +1,127 @@ +/* Theme: Rose Pine Dawn — id=rosepine-dawn — category=light */ +body.theme-rosepine-dawn { + background: #faf4ed; + color: #575279; +} + +body.theme-rosepine-dawn .tab-bar { + background: #f2e9e1; + border-bottom-color: #dfdad9; +} + +body.theme-rosepine-dawn .tab { + background: #f2e9e1; + border-color: #dfdad9; + color: #575279; +} + +body.theme-rosepine-dawn .tab.active { + background: #faf4ed; + border-bottom-color: #907aa9; +} + +body.theme-rosepine-dawn .toolbar { + background: #f2e9e1; + border-bottom-color: #dfdad9; +} + +body.theme-rosepine-dawn .toolbar button { + color: #575279; +} + +body.theme-rosepine-dawn .toolbar button:hover { + background: #dfdad9; +} + +body.theme-rosepine-dawn .editor-textarea { + background: #faf4ed; + color: #575279; +} + +body.theme-rosepine-dawn .pane:last-child { + background: #faf4ed; +} + +body.theme-rosepine-dawn .preview-content { + color: #575279; +} + +body.theme-rosepine-dawn .preview-content h1, +body.theme-rosepine-dawn .preview-content h2 { + color: #286983; + border-bottom-color: #dfdad9; +} + +body.theme-rosepine-dawn .preview-content code { + background: #f2e9e1; + color: #b4637a; +} + +body.theme-rosepine-dawn .preview-content pre { + background: #f2e9e1; + border-color: #dfdad9; +} + +body.theme-rosepine-dawn .preview-content a { + color: #56949f; +} + +body.theme-rosepine-dawn .preview-content blockquote { + border-left-color: #907aa9; + background: #f2e9e1; + color: #797593; +} + +body.theme-rosepine-dawn .status-bar { + background: #f2e9e1; + border-top-color: #dfdad9; + color: #575279; +} + +body.theme-rosepine-dawn .pdf-viewer-toolbar { + background: linear-gradient(180deg, #faf4ed 0%, #f2e9e1 100%) !important; + border-bottom-color: #ddd8d1 !important; +} + +body.theme-rosepine-dawn .pdf-viewer { + background: #e6e0d8 !important; +} + +body.theme-rosepine-dawn .export-dialog-content, +body.theme-rosepine-dawn .batch-dialog-content, +body.theme-rosepine-dawn .pdf-editor-content { + background: rgba(250, 244, 237, 0.98); + border-color: #dfdad9; + color: #575279; +} + +body.theme-rosepine-dawn .export-dialog-header, +body.theme-rosepine-dawn .batch-dialog-header { + background: #f2e9e1; + border-bottom-color: #dfdad9; +} + +body.theme-rosepine-dawn .export-dialog-header h3, +body.theme-rosepine-dawn .batch-dialog-header h3 { + color: #286983; +} + +body.theme-rosepine-dawn .export-section label, +body.theme-rosepine-dawn .batch-section label { + color: #575279; +} + +body.theme-rosepine-dawn .export-section select, +body.theme-rosepine-dawn .export-section input, +body.theme-rosepine-dawn .batch-section select, +body.theme-rosepine-dawn .batch-section input { + background: #faf4ed; + border-color: #dfdad9; + color: #575279; +} + +body.theme-rosepine-dawn .export-dialog-footer, +body.theme-rosepine-dawn .batch-dialog-footer { + background: #f2e9e1; + border-top-color: #dfdad9; +} diff --git a/src/styles/themes/sepia.css b/src/styles/themes/sepia.css new file mode 100644 index 0000000..fb8f9ac --- /dev/null +++ b/src/styles/themes/sepia.css @@ -0,0 +1,126 @@ +/* Theme: Sepia — id=sepia — category=light */ +body.theme-sepia { + background: #f4ecd8; + color: #5b4636; +} + +body.theme-sepia .tab-bar { + background: #e8dcc8; + border-bottom-color: #d4c4a8; +} + +body.theme-sepia .tab { + background: #e8dcc8; + border-color: #d4c4a8; + color: #5b4636; +} + +body.theme-sepia .tab.active { + background: #f4ecd8; + border-bottom-color: #8b7355; +} + +body.theme-sepia .toolbar { + background: #e8dcc8; + border-bottom-color: #d4c4a8; +} + +body.theme-sepia .toolbar button { + color: #5b4636; +} + +body.theme-sepia .toolbar button:hover { + background: #d4c4a8; +} + +body.theme-sepia .editor-textarea { + background: #f4ecd8; + color: #5b4636; +} + +body.theme-sepia .pane:last-child { + background: #f4ecd8; +} + +body.theme-sepia .preview-content { + color: #5b4636; +} + +body.theme-sepia .preview-content h1, +body.theme-sepia .preview-content h2 { + color: #3d2914; + border-bottom-color: #d4c4a8; +} + +body.theme-sepia .preview-content code { + background: #e8dcc8; + color: #8b4513; +} + +body.theme-sepia .preview-content pre { + background: #e8dcc8; + border-color: #d4c4a8; +} + +body.theme-sepia .preview-content a { + color: #8b4513; +} + +body.theme-sepia .preview-content blockquote { + border-left-color: #8b7355; + background: #e8dcc8; +} + +body.theme-sepia .status-bar { + background: #e8dcc8; + border-top-color: #d4c4a8; + color: #5b4636; +} + +body.theme-sepia .pdf-viewer-toolbar { + background: linear-gradient(180deg, #f4f0e8 0%, #e8e4dc 100%) !important; + border-bottom-color: #cdc8c0 !important; +} + +body.theme-sepia .pdf-viewer { + background: #d8d4cc !important; +} + +body.theme-sepia .export-dialog-content, +body.theme-sepia .batch-dialog-content, +body.theme-sepia .pdf-editor-content { + background: rgba(244, 236, 216, 0.98); + border-color: #d4c4a8; + color: #5b4636; +} + +body.theme-sepia .export-dialog-header, +body.theme-sepia .batch-dialog-header { + background: #e8dcc8; + border-bottom-color: #d4c4a8; +} + +body.theme-sepia .export-dialog-header h3, +body.theme-sepia .batch-dialog-header h3 { + color: #3d2914; +} + +body.theme-sepia .export-section label, +body.theme-sepia .batch-section label { + color: #5b4636; +} + +body.theme-sepia .export-section select, +body.theme-sepia .export-section input, +body.theme-sepia .batch-section select, +body.theme-sepia .batch-section input { + background: #f4ecd8; + border-color: #d4c4a8; + color: #5b4636; +} + +body.theme-sepia .export-dialog-footer, +body.theme-sepia .batch-dialog-footer { + background: #e8dcc8; + border-top-color: #d4c4a8; +} diff --git a/src/styles/themes/solarized.css b/src/styles/themes/solarized.css new file mode 100644 index 0000000..da39838 --- /dev/null +++ b/src/styles/themes/solarized.css @@ -0,0 +1,107 @@ +/* Theme: Solarized Light — id=solarized — category=light */ +body.theme-solarized { + background: #fdf6e3; + color: #657b83; +} + +body.theme-solarized .tab-bar { + background: #eee8d5; + border-bottom-color: #93a1a1; +} + +body.theme-solarized .tab { + background: #fdf6e3; + border-color: #93a1a1; + color: #657b83; +} + +body.theme-solarized .tab.active { + background: #fdf6e3; + border-color: #859900; +} + +body.theme-solarized .tab-close { + color: #657b83; +} + +body.theme-solarized .tab-close:hover { + background: #93a1a1; + color: #dc322f; +} + +body.theme-solarized .new-tab-button { + border-color: #93a1a1; + color: #657b83; +} + +body.theme-solarized .new-tab-button:hover { + background: #eee8d5; +} + +body.theme-solarized .toolbar { + background: #eee8d5; + border-bottom-color: #93a1a1; +} + +body.theme-solarized .toolbar button { + color: #586e75; +} + +body.theme-solarized .toolbar button:hover { + background: #fdf6e3; + border-color: #93a1a1; +} + +body.theme-solarized #editor { + background: #fdf6e3; + color: #657b83; +} + +body.theme-solarized #preview, +body.theme-solarized .preview-content { + color: #586e75; +} + +body.theme-solarized #preview code, +body.theme-solarized .preview-content code { + background-color: #eee8d5; +} + +body.theme-solarized #preview pre, +body.theme-solarized .preview-content pre { + background-color: #eee8d5; +} + +body.theme-solarized #preview a, +body.theme-solarized .preview-content a { + color: #268bd2; +} + +body.theme-solarized .line-numbers { + background: #fdf6e3; + border-right-color: #eee8d5; + color: #93a1a1; +} + +body.theme-solarized .export-mode-toggle { + border-color: #eee8d5; +} + +body.theme-solarized .export-help { + color: #586e75; +} + +body.theme-solarized .basic-options { + background: #fdf6e3; + border-color: #eee8d5; +} + +body.theme-solarized .enhanced-stats { + color: #586e75; + border-color: #eee8d5; +} + +body.theme-solarized .mermaid { + background: #fdf6e3; + border-color: #eee8d5; +} diff --git a/src/styles/themes/tokyonight.css b/src/styles/themes/tokyonight.css new file mode 100644 index 0000000..8944965 --- /dev/null +++ b/src/styles/themes/tokyonight.css @@ -0,0 +1,88 @@ +/* Theme: Tokyo Night — id=tokyonight — category=dark */ +body.theme-tokyonight, +body.theme-tokyo-night { + background: #1a1b26; + color: #c0caf5; +} + +body.theme-tokyonight .tab-bar, +body.theme-tokyo-night .tab-bar { + background: #16161e; + border-bottom-color: #24283b; +} + +body.theme-tokyonight .tab, +body.theme-tokyo-night .tab { + background: #24283b; + border-color: #414868; + color: #c0caf5; +} + +body.theme-tokyonight .tab.active, +body.theme-tokyo-night .tab.active { + background: #1a1b26; + border-color: #7aa2f7; +} + +body.theme-tokyonight .toolbar, +body.theme-tokyo-night .toolbar { + background: #16161e; + border-bottom-color: #24283b; +} + +body.theme-tokyonight .toolbar button, +body.theme-tokyo-night .toolbar button { + color: #c0caf5; +} + +body.theme-tokyonight .toolbar button:hover, +body.theme-tokyo-night .toolbar button:hover { + background: #24283b; + border-color: #414868; +} + +body.theme-tokyonight .editor-textarea, +body.theme-tokyo-night .editor-textarea { + background: #1a1b26; + color: #c0caf5; +} + +body.theme-tokyonight .pane:last-child, +body.theme-tokyo-night .pane:last-child { + background: #1a1b26; +} + +body.theme-tokyonight .preview-content, +body.theme-tokyo-night .preview-content { + color: #c0caf5; +} + +body.theme-tokyonight .preview-content h1, +body.theme-tokyonight .preview-content h2, +body.theme-tokyo-night .preview-content h1, +body.theme-tokyo-night .preview-content h2 { + border-bottom-color: #24283b; + color: #7aa2f7; +} + +body.theme-tokyonight .preview-content code, +body.theme-tokyo-night .preview-content code { + background-color: #24283b; +} + +body.theme-tokyonight .preview-content pre, +body.theme-tokyo-night .preview-content pre { + background-color: #24283b; +} + +body.theme-tokyonight .preview-content a, +body.theme-tokyo-night .preview-content a { + color: #7dcfff; +} + +body.theme-tokyonight .status-bar, +body.theme-tokyo-night .status-bar { + background: #16161e; + border-top-color: #24283b; + color: #c0caf5; +}