From eebbbbf6139aae62c268f7ffb53824498572cf03 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 10 Dec 2024 07:02:03 +0100 Subject: Update --- src/_board.scss | 13 ++++++------- src/_common.scss | 4 ++++ src/_common.vars.scss | 6 ++++-- src/_thread.scss | 18 ++++++++++++++++++ src/light.scss | 2 ++ 5 files changed, 34 insertions(+), 9 deletions(-) create mode 100644 src/_thread.scss (limited to 'src') diff --git a/src/_board.scss b/src/_board.scss index da20fa3..42c29b3 100644 --- a/src/_board.scss +++ b/src/_board.scss @@ -63,13 +63,12 @@ } } - .messageGroupList .columnSubject > .statusDisplay { - margin-block-start: -.1em; - margin-block-end: -.2em; - } - - .messageSidebar a:hover { - text-decoration: underline; + .messageGroupList { + a { + &:hover { + text-decoration: underline; + } + } } @media screen and (max-width: 768px) { diff --git a/src/_common.scss b/src/_common.scss index f31fedb..8d4976b 100644 --- a/src/_common.scss +++ b/src/_common.scss @@ -9,4 +9,8 @@ :root { @include props.materialize(map.values(meta.module-variables('vars'))); } + + body { + background-color: props.get(vars.$vlpnBg); + } } diff --git a/src/_common.vars.scss b/src/_common.vars.scss index eb72aed..427a1a3 100644 --- a/src/_common.vars.scss +++ b/src/_common.vars.scss @@ -2,6 +2,8 @@ @use 'core'; +$vlpnBg: props.def(--vlpnBg, props.get(core.$theme, --base, --75)); + $vlpnLink: props.def(--vlpnLink, props.get(core.$theme, --red, --1000)); $vlpnLinkFg: props.def(--vlpnLinkFg, props.get(core.$theme, --red, --1000-text)); $vlpnLinkActive: props.def(--vlpnLinkActive, props.get(core.$theme, --red, --1300)); @@ -22,7 +24,7 @@ $wcfNavigationText: props.def(--wcfNavigationText, props.get(core.$theme, --base $wcfNavigationLink: props.def(--wcfNavigationLink, props.get(core.$theme, --base, --800)); $wcfNavigationLinkActive: props.def(--wcfNavigationLinkActive, props.get(core.$theme, --base, --800)); -$wcfContentBackground: props.def(--wcfContentBackground, props.get(core.$theme, --base, --75)); +$wcfContentBackground: props.def(--wcfContentBackground, rgb(242, 242, 242)); $wcfContentBorder: props.def(--wcfContentBorder, var(--wcfContentBorderInner)); $wcfContentDimmedText: props.def(--wcfContentDimmedText, rgba(0, 0, 0, .6)); @@ -40,7 +42,7 @@ $wcfFooterCopyrightText: props.def(--wcfFooterCopyrightText, props.get(core.$the $wcfFooterCopyrightLink: props.def(--wcfFooterCopyrightLink, props.get(core.$theme, --base, --50)); $wcfFooterCopyrightLinkActive: props.def(--wcfFooterCopyrightLinkActive, props.get(core.$theme, --base, --50)); -$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($wcfContentBackground)); +$wcfSidebarBackground: props.def(--wcfSidebarBackground, props.get($vlpnBg)); $wcfSidebarDimmedText: props.def(--wcfSidebarDimmedText, props.get($wcfContentDimmedText)); $wcfButtonBackground: props.def(--wcfButtonBackground, props.get(core.$theme, --base, --200)); diff --git a/src/_thread.scss b/src/_thread.scss new file mode 100644 index 0000000..f41de31 --- /dev/null +++ b/src/_thread.scss @@ -0,0 +1,18 @@ +@use 'iro-sass/src/props'; + +@use 'common'; + +@mixin styles { + .messageGroupList .columnSubject > .statusDisplay { + margin-block-start: -.1em; + margin-block-end: -.2em; + } + + .messageSidebar { + background-color: props.get(common.$wcfContentBackground); + + a:hover { + text-decoration: underline; + } + } +} diff --git a/src/light.scss b/src/light.scss index f3115d2..64fd7bd 100644 --- a/src/light.scss +++ b/src/light.scss @@ -7,6 +7,7 @@ @use 'header'; @use 'sidebar'; @use 'board'; +@use 'thread'; @use 'avatar'; @use 'badge'; @use 'rank'; @@ -18,6 +19,7 @@ @include header.styles; @include sidebar.styles; @include board.styles; +@include thread.styles; @include avatar.styles; @include badge.styles; @include rank.styles; -- cgit v1.2.3-70-g09d2