added wiki themes (#1)
This commit is contained in:
Michał Piasecki
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* Optional CSS variables for nodebb-plugin-westgate-wiki:
|
||||
* wiki shell chrome, `.wiki-article-prose` (read + CKEditor), and compose CKEditor UI.
|
||||
* Loaded after tokens so --wg-* are available.
|
||||
*/
|
||||
:root {
|
||||
/* Shell: parity with forum .card / velvet panels (see _surfaces.scss) */
|
||||
--wiki-chrome-surface-bg: var(--wg-velvet-panel);
|
||||
--wiki-chrome-surface-border: var(--wg-border-soft);
|
||||
--wiki-chrome-radius: 8px;
|
||||
--wiki-chrome-heading-color: var(--wg-text);
|
||||
--wiki-chrome-page-title-font-family: var(--wg-font-display);
|
||||
--wiki-chrome-muted-color: var(--wg-text-muted);
|
||||
--wiki-chrome-link-color: var(--wg-gold);
|
||||
--wiki-chrome-link-hover-color: #e0c878;
|
||||
--wiki-chrome-accent-color: var(--wg-gold-soft);
|
||||
--wiki-chrome-hero-bg: linear-gradient(
|
||||
180deg,
|
||||
rgba(42, 18, 34, 0.55) 0%,
|
||||
rgba(18, 16, 23, 0.98) 100%
|
||||
);
|
||||
--wiki-chrome-warning-border: rgba(194, 163, 90, 0.45);
|
||||
--wiki-chrome-danger: var(--wg-red);
|
||||
--wiki-chrome-danger-hover: #c55a5f;
|
||||
--wiki-redlink-color: #c06a6e;
|
||||
--wiki-redlink-action-color: #e8a0a0;
|
||||
--wiki-redlink-border-color: rgba(200, 90, 96, 0.45);
|
||||
|
||||
/* Article panel: alias of chrome surface (plugin checks these first) */
|
||||
--wiki-panel-bg: var(--wg-velvet-panel);
|
||||
--wiki-panel-border-color: var(--wg-border-soft);
|
||||
|
||||
--wiki-prose-font-family: var(--wg-font-text);
|
||||
--wiki-prose-heading-font-family: var(--wg-font-display);
|
||||
--wiki-prose-color: var(--wg-text-soft);
|
||||
--wiki-prose-heading-color: var(--wg-text);
|
||||
--wiki-prose-heading-font-weight: 600;
|
||||
--wiki-prose-heading-text-shadow:
|
||||
0 1px 0 rgba(0, 0, 0, 0.9),
|
||||
0 0 10px rgba(104, 32, 76, 0.16);
|
||||
|
||||
--wiki-prose-link-color: var(--wg-gold);
|
||||
--wiki-prose-link-hover-color: #e0c878;
|
||||
|
||||
--wiki-prose-blockquote-bg: rgba(35, 27, 23, 0.36);
|
||||
--wiki-prose-blockquote-border: rgba(194, 163, 90, 0.4);
|
||||
--wiki-prose-blockquote-color: var(--wg-text-soft);
|
||||
|
||||
--wiki-prose-code-font-family: var(--wg-font-code);
|
||||
--wiki-prose-code-bg: rgba(8, 7, 10, 0.45);
|
||||
--wiki-prose-code-border: rgba(194, 163, 90, 0.12);
|
||||
--wiki-prose-code-color: var(--wg-text);
|
||||
|
||||
--wiki-prose-pre-bg: rgba(8, 7, 10, 0.55);
|
||||
--wiki-prose-pre-border: rgba(194, 163, 90, 0.15);
|
||||
--wiki-prose-pre-color: var(--wg-text-soft);
|
||||
|
||||
--wiki-prose-hr-color: rgba(194, 163, 90, 0.18);
|
||||
--wiki-prose-table-border: rgba(194, 163, 90, 0.12);
|
||||
--wiki-prose-table-head-color: var(--wg-ledger-ink-muted);
|
||||
--wiki-prose-table-hover-bg: rgba(194, 163, 90, 0.04);
|
||||
--wiki-prose-table-hover-color: var(--wg-text);
|
||||
|
||||
--wiki-prose-caption-bg: rgba(8, 7, 10, 0.42);
|
||||
--wiki-prose-caption-color: var(--wg-text-muted);
|
||||
--wiki-prose-caption-font-family: var(--wg-font-text);
|
||||
--wiki-prose-media-iframe-border: rgba(194, 163, 90, 0.15);
|
||||
|
||||
--wiki-prose-raw-embed-bg: rgba(8, 7, 10, 0.4);
|
||||
--wiki-prose-raw-embed-border: rgba(194, 163, 90, 0.25);
|
||||
--wiki-prose-raw-embed-color: var(--wg-text-muted);
|
||||
|
||||
--wiki-compose-editable-bg: rgba(24, 15, 29, 0.94);
|
||||
--wiki-compose-editable-border-color: rgba(202, 164, 106, 0.2);
|
||||
|
||||
--wiki-ck-base-background: #18141d;
|
||||
--wiki-ck-base-foreground: #1e1824;
|
||||
--wiki-ck-base-border: rgba(194, 163, 90, 0.22);
|
||||
--wiki-ck-base-text: #cfc5b7;
|
||||
/* CKEditor UI: .ck-reset_all and toolbar SVGs use --ck-color-text / currentColor */
|
||||
--wiki-ck-ui-text: rgba(244, 236, 220, 0.92);
|
||||
--wiki-ck-toolbar-icon-color: rgba(244, 236, 220, 0.9);
|
||||
--wiki-ck-tooltip-background: rgba(10, 8, 14, 0.96);
|
||||
--wiki-ck-tooltip-text: rgba(244, 236, 220, 0.95);
|
||||
--wiki-ck-focus-border: rgba(194, 163, 90, 0.45);
|
||||
--wiki-ck-focus-outer-shadow: rgba(194, 163, 90, 0.12);
|
||||
--wiki-ck-shadow-drop: rgba(0, 0, 0, 0.45);
|
||||
--wiki-ck-shadow-inner: rgba(0, 0, 0, 0.25);
|
||||
--wiki-ck-toolbar-background: #16121a;
|
||||
--wiki-ck-toolbar-border: rgba(194, 163, 90, 0.18);
|
||||
--wiki-ck-button-hover-bg: rgba(194, 163, 90, 0.1);
|
||||
--wiki-ck-button-active-bg: rgba(194, 163, 90, 0.14);
|
||||
--wiki-ck-button-on-bg: rgba(194, 163, 90, 0.12);
|
||||
--wiki-ck-button-on-hover-bg: rgba(194, 163, 90, 0.18);
|
||||
--wiki-ck-button-on-active-bg: rgba(194, 163, 90, 0.22);
|
||||
--wiki-ck-button-on-color: #e6d9b8;
|
||||
--wiki-ck-dropdown-background: #1a1520;
|
||||
--wiki-ck-dropdown-border: rgba(194, 163, 90, 0.2);
|
||||
--wiki-ck-input-background: rgba(9, 8, 11, 0.55);
|
||||
--wiki-ck-input-border: rgba(194, 163, 90, 0.22);
|
||||
--wiki-ck-input-text: #e6e0d6;
|
||||
--wiki-ck-list-background: #1a1520;
|
||||
--wiki-ck-list-hover-bg: rgba(194, 163, 90, 0.1);
|
||||
--wiki-ck-list-on-bg: rgba(194, 163, 90, 0.16);
|
||||
--wiki-ck-list-on-text: #f0e6cc;
|
||||
--wiki-ck-panel-background: #1a1520;
|
||||
--wiki-ck-panel-border: rgba(194, 163, 90, 0.2);
|
||||
--wiki-ck-switch-off-bg: #2a2430;
|
||||
--wiki-ck-label-bg: #16121a;
|
||||
}
|
||||
|
||||
/* Wiki read surfaces: match category/topic card depth */
|
||||
.westgate-wiki .card.wiki-page-hero,
|
||||
.westgate-wiki .card.wiki-hero,
|
||||
.westgate-wiki .card.wiki-section-hero,
|
||||
.westgate-wiki .card.wiki-page-content,
|
||||
.westgate-wiki .card.wiki-sidebar-card,
|
||||
.westgate-wiki .card.wiki-status-card,
|
||||
.westgate-wiki .card.wiki-card,
|
||||
.westgate-wiki .card.wiki-topic-card {
|
||||
box-shadow: var(--wg-velvet-shadow);
|
||||
}
|
||||
Reference in New Issue
Block a user