ShadowsOverWestgate/sow-nodebb-theme
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Activity

impeccable (#18)

Browse Source 
first pass with impeccable

Reviewed-on: #18
Reviewed-by: xtul <mpiasecki720@protonmail.com>
Co-authored-by: vickydotbat <vickydotbat@tutamail.com>
Co-committed-by: vickydotbat <vickydotbat@tutamail.com>
This commit was merged in pull request #18.
This commit is contained in:
archvillainette
2026-07-11 14:18:22 +00:00
committed by archvillainette
parent ada632dd3c
commit 882c086a6d
31 changed files with 702 additions and 3444 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_categories.scss
+21 -8
View File
@@ -7,7 +7,7 @@ ul.categories-list,
ul.westgate-categories-list {
position: relative;
display: grid;
gap: 0.75rem;
gap: var(--wg-space-sm);
padding-left: 0;
}
@@ -15,13 +15,12 @@ li[component="categories/category"] {
position: relative;
isolation: isolate;
margin: 0 !important;
padding: 1rem !important;
padding: var(--wg-space-md) !important;
overflow: visible;
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
box-shadow 0.18s ease;
}
li[component="categories/category"].unread {
@@ -29,8 +28,15 @@ li[component="categories/category"].unread {
}
li[component="categories/category"] .icon {
border: 1px solid rgba(246, 223, 163, 0.34);
border: 1px solid var(--wg-etched-highlight);
border-radius: 6px !important;
// ACP colors arrive candy-bright; the plum wash and filter pull the
// plate into the velvet register while keeping the per-category hue
background-image: linear-gradient(
160deg,
rgba(42, 18, 34, 0.42),
rgba(9, 8, 11, 0.58)
);
box-shadow:
inset 0 1px 0 rgba(255, 242, 204, 0.28),
inset 0 0 0 1px rgba(18, 15, 22, 0.62),
@@ -38,7 +44,7 @@ li[component="categories/category"] .icon {
0 0 0 1px rgba(56, 48, 42, 0.9),
0 0 0 2px rgba(124, 105, 62, 0.24),
0 9px 18px rgba(0, 0, 0, 0.32);
filter: saturate(0.82) contrast(1.12);
filter: saturate(0.62) contrast(1.12);
text-shadow:
0 1px 0 rgba(0, 0, 0, 0.72),
0 -1px 0 rgba(255, 238, 190, 0.18),
@@ -46,7 +52,13 @@ li[component="categories/category"] .icon {
}
body.template-category .category-header .icon {
border: 1px solid rgba(246, 223, 163, 0.34);
border: 1px solid var(--wg-etched-highlight);
background-image: linear-gradient(
160deg,
rgba(42, 18, 34, 0.42),
rgba(9, 8, 11, 0.58)
);
filter: saturate(0.62) contrast(1.12);
box-shadow:
inset 0 1px 0 rgba(255, 242, 204, 0.28),
inset 0 0 0 1px rgba(18, 15, 22, 0.62),
@@ -272,7 +284,7 @@ ul.category-children {
rgba(30, 28, 34, 0.62) 46%,
rgba(36, 18, 29, 0.78)
);
border: 1px solid rgba(246, 223, 163, 0.3);
border: 1px solid var(--wg-etched-highlight);
border-radius: 4px !important;
box-shadow:
inset 0 1px 0 rgba(255, 240, 190, 0.28),
@@ -311,6 +323,7 @@ ul.category-children {
li[component="categories/category"] .meta.stats > div {
min-height: 3.55rem;
padding: var(--wg-space-2xs) var(--wg-space-xs);
background: rgba(255, 255, 255, 0.018) !important;
border: 1px solid rgba(194, 163, 90, 0.09) !important;
border-radius: 3px !important;
scss/westgate/_controls.scss
+49 -5
View File
@@ -45,6 +45,40 @@
--bs-btn-active-border-color: rgba(216, 194, 138, 0.56);
}
// core's guest sign-up prompt ships btn-warning/btn-info: remap to the
// theme's two button voices (dark gold plate + ghost)
.guest-cta-alert .btn-warning {
--bs-btn-bg: #5a4a1a;
--bs-btn-border-color: #a8893f;
--bs-btn-color: #f0e6d8;
--bs-btn-hover-bg: #6a5720;
--bs-btn-hover-border-color: #c2a35a;
--bs-btn-hover-color: #fff4dd;
--bs-btn-active-bg: #493914;
--bs-btn-active-border-color: #c2a35a;
--bs-btn-active-color: #fff4dd;
background-image: linear-gradient(to bottom, #5a4a1a 0%, #473914 100%);
}
.guest-cta-alert .btn-info {
--bs-btn-color: #d8cec0;
--bs-btn-bg: rgba(8, 7, 10, 0.12);
--bs-btn-border-color: rgba(216, 194, 138, 0.28);
--bs-btn-hover-color: var(--wg-text);
--bs-btn-hover-bg: rgba(194, 163, 90, 0.075);
--bs-btn-hover-border-color: rgba(216, 194, 138, 0.44);
--bs-btn-active-bg: rgba(194, 163, 90, 0.12);
--bs-btn-active-border-color: rgba(216, 194, 138, 0.5);
--bs-btn-active-color: var(--wg-text);
background-image: none;
}
.guest-cta-alert .btn-close {
filter: invert(86%) sepia(16%) saturate(360%) hue-rotate(356deg)
brightness(95%) contrast(90%);
opacity: 0.82;
}
.modal-footer .btn-secondary,
.bootbox .modal-footer .btn-secondary,
.modal-footer .btn[data-bs-dismiss="modal"],
@@ -207,20 +241,30 @@ textarea[component="topic/quickreply/text"]::placeholder {
color: rgba(185, 178, 166, 0.62) !important;
}
table[component="notification/table"] {
table[component="notification/table"],
.page-flags [component="flags/list"],
li[component="post"] .content table {
--bs-table-bg: transparent;
--bs-table-color: var(--wg-text-soft);
--bs-table-border-color: rgba(194, 163, 90, 0.1);
--bs-table-border-color: rgba(194, 163, 90, 0.16);
--bs-table-striped-bg: rgba(194, 163, 90, 0.035);
--bs-table-striped-color: var(--wg-text-soft);
--bs-table-hover-bg: rgba(194, 163, 90, 0.04);
--bs-table-hover-color: var(--wg-text);
color: var(--wg-text-soft) !important;
}
// classless markdown tables in posts don't get Bootstrap's .table variables
li[component="post"] .content table :where(th, td) {
border-color: rgba(194, 163, 90, 0.16);
}
table[component="notification/table"] :where(th, td, label) {
color: var(--wg-text-soft) !important;
}
table[component="notification/table"] thead :where(th, td) {
table[component="notification/table"] thead :where(th, td),
li[component="post"] .content table thead :where(th, td) {
color: var(--wg-ledger-ink-muted) !important;
font-family: var(--wg-font-display);
font-size: 0.86rem;
@@ -355,7 +399,7 @@ table[component="notification/table"] a[data-type]:focus {
),
linear-gradient(100deg, rgba(32, 19, 30, 0.98), rgba(13, 12, 17, 0.98)) !important;
background-size:
100% 1.82rem,
100% var(--wg-ledger-line),
auto;
border-color: rgba(194, 163, 90, 0.18) !important;
color: var(--wg-text-soft) !important;
@@ -622,6 +666,6 @@ table[component="notification/table"] a[data-type]:focus {
}
:focus-visible {
outline: 2px solid var(--wg-focus) !important;
outline: 2px solid var(--wg-focus-ring) !important;
outline-offset: 2px;
}
scss/westgate/_footer.scss
+15 -23
View File
@@ -33,7 +33,7 @@
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(10rem, 1fr) minmax(10rem, 1fr);
gap: clamp(2rem, 5vw, 3.125rem);
width: min(100%, 1240px);
width: min(100%, var(--wg-page-width));
margin: 0 auto;
padding: clamp(2.75rem, 6vw, 4rem) clamp(1rem, 4vw, 2rem) 1.875rem;
}
@@ -120,14 +120,14 @@
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem;
width: min(100%, 1240px);
width: min(100%, var(--wg-page-width));
margin: 0 auto;
padding: 1.375rem clamp(1rem, 4vw, 2rem);
border-top: 1px solid rgba(194, 163, 90, 0.1);
p {
margin: 0;
color: #7f756f;
color: var(--wg-text-muted);
font-family: var(--wg-font-ui);
font-size: 0.78rem;
line-height: 1.45;
@@ -140,7 +140,7 @@
justify-content: center;
flex-wrap: wrap;
gap: 0.625rem;
width: min(100%, 1240px);
width: min(100%, var(--wg-page-width));
margin: 0 auto;
padding: 0 1rem 1.875rem;
font-family: var(--wg-font-ui);
@@ -148,6 +148,7 @@
text-align: center;
}
// quiet ghost credits — third-party names must never be the loudest pixels
.wg-footer .wg-footer__powered-pill {
display: inline-flex;
align-items: center;
@@ -155,46 +156,37 @@
gap: 0.45rem;
width: 10.875rem;
min-height: 2rem;
border: 1px solid var(--wg-border);
border: 1px solid var(--wg-border-soft);
border-radius: 8px;
padding: 0.42rem 0.75rem;
color: var(--wg-text-muted);
background: var(--wg-velvet-panel);
box-shadow: var(--wg-velvet-shadow);
background: rgba(255, 244, 221, 0.02);
&:hover,
&:focus {
border-color: rgba(194, 163, 90, 0.22);
color: #efe7da;
background: var(--wg-velvet-panel-hover);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.035),
inset 0 0 38px rgba(120, 36, 84, 0.14),
0 12px 30px rgba(0, 0, 0, 0.3);
color: var(--wg-text-soft);
background: rgba(194, 163, 90, 0.06);
}
&:focus-visible {
outline: none;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.035),
inset 0 0 38px rgba(120, 36, 84, 0.14),
0 0 0 2px rgba(194, 163, 90, 0.18),
0 12px 30px rgba(0, 0, 0, 0.3);
outline: 2px solid var(--wg-focus-ring);
outline-offset: 2px;
}
}
.wg-footer .wg-footer__powered-label {
color: var(--wg-ledger-ink);
color: var(--wg-text-muted);
font-size: 0.78rem;
font-weight: 600;
white-space: nowrap;
}
.wg-footer .wg-footer__powered-name {
color: #f2edf7;
font-family: var(--wg-font-display);
color: var(--wg-text-soft);
font-family: var(--wg-font-ui);
font-size: 0.82rem;
font-weight: 700;
font-weight: 600;
letter-spacing: 0.04em;
white-space: nowrap;
}
scss/westgate/_posts.scss
+22 -5
View File
@@ -46,9 +46,9 @@ li[component="post"] .post-container {
background:
linear-gradient(to bottom, transparent calc(100% - 1px), var(--wg-ledger-ruling) calc(100% - 1px)),
var(--wg-ledger-panel) !important;
background-size: 100% 1.82rem, auto;
background-size: 100% var(--wg-ledger-line), auto;
border: 1px solid var(--wg-ledger-border) !important;
border-left: 2px solid rgba(194, 163, 90, 0.32) !important;
border-left: 1px solid rgba(194, 163, 90, 0.32) !important;
border-radius: 6px !important;
box-shadow: var(--wg-ledger-shadow) !important;
}
@@ -101,6 +101,23 @@ li[component="post"] .content blockquote,
li[component="post"] .content {
padding-top: 0.35rem;
max-width: 82ch;
}
// client.js wraps wide post tables in a focusable scroll container
li[component="post"] .content .wg-mobile-table-scroll {
display: block;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: rgba(194, 163, 90, 0.5) rgba(8, 7, 10, 0.48);
scrollbar-width: thin;
}
li[component="post"] .content .wg-mobile-table-scroll > table {
min-width: var(--wg-mobile-table-min-width, max-content);
margin-block: 0;
}
li[component="post"] .content h1,
@@ -224,7 +241,7 @@ li[component="post"] [component="post/downvote"] {
background:
linear-gradient(to bottom, transparent calc(100% - 1px), rgba(194, 163, 90, 0.08) calc(100% - 1px)),
rgba(18, 15, 22, 0.96) !important;
background-size: 100% 1.55rem, auto;
background-size: 100% var(--wg-ledger-line), auto;
border-color: var(--wg-ledger-border) !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32) !important;
color: var(--wg-ledger-ink) !important;
@@ -258,7 +275,7 @@ textarea[component="topic/quickreply/text"],
background:
linear-gradient(to bottom, transparent calc(100% - 1px), var(--wg-ledger-ruling) calc(100% - 1px)),
rgba(18, 15, 22, 0.92) !important;
background-size: 100% 1.82rem, auto;
background-size: 100% var(--wg-ledger-line), auto;
border-color: var(--wg-ledger-border) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.026),
@@ -283,7 +300,7 @@ textarea[component="topic/quickreply/text"]:focus,
background:
linear-gradient(to bottom, transparent calc(100% - 1px), rgba(194, 163, 90, 0.05) calc(100% - 1px)),
var(--wg-ledger-panel) !important;
background-size: 100% 1.82rem, auto;
background-size: 100% var(--wg-ledger-line), auto;
border-color: var(--wg-ledger-border) !important;
box-shadow: none !important;
color: var(--wg-text-soft) !important;
scss/westgate/_responsive.scss
+8 -2
View File
@@ -11,7 +11,7 @@
li[component="categories/category"],
li[component="category/topic"],
li[component="post"] .post-container {
padding: 0.85rem !important;
padding: var(--wg-space-sm) !important;
}
li[component="categories/category"] h2.title {
@@ -29,11 +29,17 @@
.topic-list-header [component="category/controls"] {
width: 100%;
}
// keep the guest "Log in to post / reply" CTA on one line
[component="category/post/guest"],
[component="topic/reply/guest"] {
white-space: nowrap;
}
}
@include media-breakpoint-down(md) {
.category-header {
padding: 0.85rem;
padding: var(--wg-space-sm);
}
li[component="post"] .content,
scss/westgate/_surfaces.scss
+35 -9
View File
@@ -216,6 +216,40 @@ li[component="category/topic"] .user-icon {
0 0 10px rgba(0, 0, 0, 0.34);
}
// user data (email, join/last-online dates) never wears the engraving —
// Harmony marks these with .text-break + .ff-secondary in the stats row
.account-stats .text-break.ff-secondary {
font-family: var(--wg-font-text);
letter-spacing: 0;
text-transform: none;
}
// 404: core picks a random beige animal glyph (dog, hippo, otter, ...);
// match the glyph element itself so every variant wears the cowl
.template-404 i.fa.fa-4x {
display: inline-block;
width: 4.5rem;
height: 4.5rem;
background-color: var(--wg-gold-soft);
-webkit-mask: url("./plugins/nodebb-theme-westgate/game-icons/cowled.svg")
center / contain no-repeat;
mask: url("./plugins/nodebb-theme-westgate/game-icons/cowled.svg")
center / contain no-repeat;
&::before {
content: "";
}
}
// replace core's grey-triangle default cover with the velvet material
// (.cover on profiles, .list-cover on the groups list)
.cover[style*="cover-default.png"],
.list-cover[style*="cover-default.png"] {
background-image:
radial-gradient(120% 90% at 18% 0%, rgba(58, 24, 48, 0.6), transparent 60%),
linear-gradient(100deg, #2a1222, #110f15 55%, #09080b) !important;
}
.account,
.account .profile,
.account .cover,
@@ -357,15 +391,7 @@ li[component="category/topic"] .user-icon {
border-bottom-color: rgba(194, 163, 90, 0.12) !important;
}
.page-flags [component="flags/list"] {
--bs-table-bg: transparent;
--bs-table-color: var(--wg-text-soft);
--bs-table-border-color: rgba(194, 163, 90, 0.1);
--bs-table-hover-bg: rgba(194, 163, 90, 0.04);
--bs-table-hover-color: var(--wg-text);
color: var(--wg-text-soft) !important;
}
// table variables shared with notification/post tables live in _controls.scss
.page-flags [component="flags/list"] :where(th, td) {
color: var(--wg-text-soft) !important;
border-color: rgba(194, 163, 90, 0.1) !important;
scss/westgate/_tokens.scss
+9
View File
@@ -71,6 +71,14 @@
}
:root {
--wg-space-2xs: 0.25rem;
--wg-space-xs: 0.5rem;
--wg-space-sm: 0.75rem;
--wg-space-md: 1rem;
--wg-space-lg: 1.5rem;
--wg-space-xl: 2rem;
--wg-ledger-line: 1.78rem;
--wg-page-width: 1420px;
--wg-font-display: "Cinzel", Georgia, "Times New Roman", serif;
--wg-font-text: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--wg-font-ui: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
@@ -96,6 +104,7 @@
--wg-border: rgba(194, 163, 90, 0.14);
--wg-border-soft: rgba(194, 163, 90, 0.08);
--wg-focus: rgba(194, 163, 90, 0.28);
--wg-focus-ring: #c2a35a;
--wg-ledger-panel: linear-gradient(
100deg,
rgba(38, 22, 35, 0.5) 0%,
scss/westgate/_topbar.scss
+17 -4
View File
@@ -28,7 +28,7 @@ $wg-topbar-panel-bg: linear-gradient(
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 0.9rem;
width: min(100%, 1420px);
width: min(100%, var(--wg-page-width));
min-height: 64px;
margin: 0 auto;
padding: 0.55rem clamp(0.85rem, 2vw, 1.5rem);
@@ -200,11 +200,24 @@ $wg-topbar-panel-bg: linear-gradient(
background: rgba(194, 163, 90, 0.08) !important;
}
// one primary vocabulary: the dark gold plate from _controls.scss
.wg-topbar .btn-primary,
.wg-topbar__register {
border-color: rgba(194, 163, 90, 0.34) !important;
color: #1b1208 !important;
background: linear-gradient(to bottom, #d8c28a, var(--wg-gold)) !important;
border: 1px solid var(--wg-gold-soft) !important;
color: #f0e6d8 !important;
background: linear-gradient(to bottom, #5a4a1a, #473914) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.06),
0 2px 8px rgba(0, 0, 0, 0.24);
}
.wg-topbar .btn-primary:hover,
.wg-topbar .btn-primary:focus,
.wg-topbar__register:hover,
.wg-topbar__register:focus {
border-color: var(--wg-gold) !important;
color: #fff4dd !important;
background: linear-gradient(to bottom, #6a5720, #53431a) !important;
}
.wg-topbar__login,
scss/westgate/_topics.scss
+28 -14
View File
@@ -20,7 +20,7 @@ body.template-category .category-header .description {
}
.topic-list-header > .card {
padding: 0.55rem !important;
padding: var(--wg-space-xs) !important;
background: rgba(18, 15, 22, 0.78) !important;
border-color: var(--wg-ledger-border) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018) !important;
@@ -42,7 +42,7 @@ body.template-category .category-header .description {
ul[component="category"] {
display: grid;
gap: 0.85rem;
gap: var(--wg-space-sm);
padding: 0 !important;
background: transparent !important;
border: 0 !important;
@@ -53,15 +53,15 @@ li[component="category/topic"] {
position: relative;
isolation: isolate;
margin: 0 !important;
padding: 0.95rem 1rem !important;
padding: var(--wg-space-md) !important;
overflow: hidden;
background:
linear-gradient(to bottom, transparent calc(100% - 1px), var(--wg-ledger-ruling) calc(100% - 1px)),
linear-gradient(to right, rgba(194, 163, 90, 0.08), transparent 5.25rem),
var(--wg-ledger-panel) !important;
background-size: 100% 1.78rem, auto, auto;
background-size: 100% var(--wg-ledger-line), auto, auto;
border: 1px solid var(--wg-ledger-border) !important;
border-left: 2px solid rgba(194, 163, 90, 0.34) !important;
border-left: 1px solid rgba(194, 163, 90, 0.34) !important;
border-radius: 6px !important;
box-shadow: var(--wg-ledger-shadow) !important;
transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
@@ -98,7 +98,7 @@ li[component="category/topic"].unread:nth-child(even) {
linear-gradient(to bottom, transparent calc(100% - 1px), rgba(216, 194, 138, 0.055) calc(100% - 1px)),
linear-gradient(to right, rgba(216, 194, 138, 0.09), transparent 5.25rem),
var(--wg-ledger-panel) !important;
background-size: 100% 1.78rem, auto, auto;
background-size: 100% var(--wg-ledger-line), auto, auto;
}
li[component="category/topic"]:hover {
@@ -113,9 +113,7 @@ li[component="category/topic"].unread {
var(--wg-ledger-panel) !important;
border-color: rgba(216, 194, 138, 0.17) !important;
border-left-color: var(--wg-ledger-ink) !important;
box-shadow:
var(--wg-ledger-shadow),
inset 2px 0 0 rgba(216, 194, 138, 0.1) !important;
box-shadow: var(--wg-ledger-shadow) !important;
}
li[component="category/topic"].pinned {
@@ -139,7 +137,7 @@ li[component="category/topic"].pinned:not(.unread) {
}
li[component="category/topic"].pinned:has(+ li[component="category/topic"]:not(.pinned)) {
margin-bottom: 0.85rem !important;
margin-bottom: var(--wg-space-sm) !important;
}
li[component="category/topic"].pinned:has(+ li[component="category/topic"]:not(.pinned))::after {
@@ -161,8 +159,7 @@ li[component="category/topic"].locked {
border-left-color: rgba(168, 74, 78, 0.42) !important;
box-shadow:
var(--wg-ledger-shadow),
0 0 12px rgba(142, 52, 56, 0.09),
inset 2px 0 0 rgba(142, 52, 56, 0.1) !important;
0 0 12px rgba(142, 52, 56, 0.09) !important;
}
li[component="category/topic"].locked:not(.unread) {
@@ -182,8 +179,7 @@ li[component="category/topic"].locked.pinned {
border-left-color: rgba(168, 74, 78, 0.58) !important;
box-shadow:
var(--wg-ledger-shadow),
0 0 14px rgba(142, 52, 56, 0.085),
inset 2px 0 0 rgba(216, 194, 138, 0.13) !important;
0 0 14px rgba(142, 52, 56, 0.085) !important;
}
li[component="category/topic"].pinned::after,
@@ -275,6 +271,12 @@ li[component="category/topic"] [component="topic/labels"] .badge {
font-weight: 600 !important;
}
// timestamps are data, not labels — the Engraving Rule keeps them plain
li[component="category/topic"] [component="topic/labels"] .badge.timeago {
letter-spacing: 0;
text-transform: none;
}
li[component="category/topic"] [component="topic/labels"] .badge i {
color: var(--wg-ledger-ink);
margin-right: 0.12rem;
@@ -364,6 +366,7 @@ li[component="category/topic"] [component="topic/select"]:focus {
li[component="category/topic"] .meta.stats > div {
min-height: 3.25rem;
padding: var(--wg-space-2xs) var(--wg-space-xs);
background: rgba(255, 255, 255, 0.018) !important;
border: 1px solid rgba(194, 163, 90, 0.09) !important;
border-radius: 3px !important;
@@ -395,6 +398,17 @@ li[component="category/topic"] [component="topic/teaser"] .lastpost {
color: var(--wg-ledger-ink-muted);
}
// Harmony marks teasers with .border-2 + .lh-sm: keep the gilt edge at 1px
// and give the clamped teaser text breathing room
.lastpost.border-2 {
border-width: 1px !important;
}
.lastpost.lh-sm,
.lastpost .lh-sm {
line-height: 1.35 !important;
}
li[component="category/topic"] [component="topic/teaser"] .permalink,
li[component="category/topic"] [component="topic/teaser"] .timeago {
color: var(--wg-ledger-ink-muted) !important;
scss/westgate/_widgets.scss
+6 -6
View File
@@ -5,11 +5,11 @@
[data-widget-area="header"],
[data-widget-area="footer"] {
display: grid;
gap: 0.85rem;
gap: var(--wg-space-sm);
}
[data-widget-area="header"] {
margin-bottom: 0.85rem;
margin-bottom: var(--wg-space-sm);
}
[data-widget-area="footer"] {
@@ -20,7 +20,7 @@
[data-widget-area="sidebar-footer"] {
display: grid;
align-content: start;
gap: 0.85rem;
gap: var(--wg-space-sm);
}
[data-widget-area] > :where(
@@ -51,11 +51,11 @@
.westgate-widget-card,
.wg-widget-card
) {
padding: 0.85rem;
padding: var(--wg-space-md);
background:
linear-gradient(to bottom, transparent calc(100% - 1px), rgba(194, 163, 90, 0.045) calc(100% - 1px)),
linear-gradient(100deg, rgba(42, 18, 34, 0.34), rgba(18, 16, 23, 0.96) 62%, rgba(13, 12, 17, 0.98)) !important;
background-size: 100% 1.78rem, auto;
background-size: 100% var(--wg-ledger-line), auto;
border: 1px solid rgba(194, 163, 90, 0.14);
border-radius: 8px;
box-shadow: var(--wg-velvet-shadow);
@@ -229,7 +229,7 @@
--bs-gutter-x: 0.45rem;
--bs-gutter-y: 0.45rem;
width: 100%;
margin: 0 0 0.85rem;
margin: 0 0 var(--wg-space-sm);
padding: 0.6rem;
background:
linear-gradient(to bottom, rgba(255, 241, 196, 0.018), rgba(8, 7, 10, 0.08)),
scss/westgate/_wiki-prose.scss
+1 -1
View File
@@ -1216,7 +1216,7 @@
}
.westgate-wiki .wiki-article-prose .wg-mobile-table-scroll:focus {
outline: 2px solid rgba(194, 163, 90, 0.42);
outline: 2px solid var(--wg-focus-ring);
outline-offset: 2px;
}