9 files changed, 47 insertions, 11 deletions

diff --git a/src/_board.scss b/src/_board.scss
index 994aba6..2cb6665 100644
--- a/src/_board.scss
+++ b/src/_board.scss
@@ -4,7 +4,7 @@
 
 @mixin styles {
     .wbbBoardNode__unreadIcon {
-        background-image: url(../images/style-9/custom/boardNewM.png);
+        background-image: url(../images/style-7/custom/boardNewM.png);
         background-position: center center;
         background-repeat: no-repeat;
 
@@ -14,7 +14,7 @@
     }
 
     .wbbBoardNode__defaultIcon {
-        background-image: url(../images/style-9/custom/boardM.png);
+        background-image: url(../images/style-7/custom/boardM.png);
         background-position: center center;
         background-repeat: no-repeat;
 
@@ -72,6 +72,10 @@
         }
     }
 
+    .columnIcon.columnAvatar:has(.wbbStickyIcon, .wbbAnnouncementIcon) .userAvatarImage {
+        display: block;
+    }
+
     @media screen and (max-width: 768px) {
         .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject {
             flex-basis: calc(100% - 42px - 14px);
diff --git a/src/_core.scss b/src/_core.scss
index c212ee0..e4fca5a 100644
--- a/src/_core.scss
+++ b/src/_core.scss
@@ -16,6 +16,7 @@
     :root {
         @include props.materialize(map.get(vars.$themes, --light));
         @include props.materialize(map.get(vars.$themes, --classic));
+        @include props.materialize(map.values(meta.module-variables('vars')), null);
     }
 }
 
@@ -23,5 +24,6 @@
     :root {
         @include props.materialize(map.get(vars.$themes, --light));
         @include props.materialize(map.get(vars.$themes, --dark));
+        @include props.materialize(map.values(meta.module-variables('vars')), null);
     }
 }
diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 5bbe9fb..5233708 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -125,7 +125,7 @@ $themes-spec: (
             --wcfFooterBoxHeadlineLink:       --base --900,
             --wcfFooterBoxHeadlineLinkActive: --base --900,
 
-            --wcfFooterBackground: --base --700,
+            --wcfFooterBackground: --bg-footer,
             --wcfFooterText:       --base --100,
             --wcfFooterLink:       --base --75,
             --wcfFooterLinkActive: --base --75,
@@ -155,6 +155,8 @@ $themes-spec: (
 
             --wcfBoxShadowCard: none,
 
+            --wcfInputLabel: --base --700,
+
             --wcfContentContainerBackground: --bg-content,
             --wcfContentContainerBorder:     --wcfContentContainerBackground,
 
@@ -268,6 +270,8 @@ $themes-spec: (
 
             --wcfSidebarBackground: --base --75,
 
+            --wcfUserMenuBackground: --base --75,
+
             --wcfTabularBoxBackgroundActive: --base --75,
 
             --wcfButtonBackground:       --base --50,
@@ -354,7 +358,7 @@ $themes-spec: (
 
             --wcfContentBackground:  --base --100,
             --wcfContentBorderInner: --base --300,
-            --wcfContentBorder:      --wcfContentBorderInnerDark,
+            --wcfContentBorder:      --wcfContentBorderInner,
             --wcfContentDimmedText:  --base --600,
             --wcfContentDimmedLink:  --base --900,
             --wcfContentText:        --base --800,
@@ -379,13 +383,13 @@ $themes-spec: (
             --wcfButtonPrimaryTextActive:       --red --1200-text,
 
             --wcfContentContainerBackground: --base --200,
-            --wcfContentContainerBorder:     --wcfContentContainerBackgroundDark,
+            --wcfContentContainerBorder:     --wcfContentContainerBackground,
 
             --wcfSidebarBackground:       --wcfContentBackground,
             --wcfSidebarBorder:           transparent,
             --wcfSidebarLink:             --link --fg,
             --wcfSidebarLinkActive:       --link --active,
-            --wcfSidebarText:             --wcfContentTextDark,
+            --wcfSidebarText:             --wcfContentText,
             --wcfSidebarDimmedLink:       --wcfSidebarDimmedText,
             --wcfSidebarDimmedLinkActive: --wcfSidebarDimmedText,
 
diff --git a/src/_flexible-button-group.scss b/src/_flexible-button-group.scss
new file mode 100644
index 0000000..daa9d45
--- /dev/null
+++ b/src/_flexible-button-group.scss
@@ -0,0 +1,15 @@
+@use 'iro-sass/src/props';
+
+@use 'core';
+
+@mixin styles {
+    .flexibleButtonGroup {
+        > li {
+            > a,
+            > label {
+                background-color: props.get(core.$theme, --base, --300);
+                color: props.get(core.$theme, --base, --300-text);
+            }
+        }
+    }
+}
diff --git a/src/_header.scss b/src/_header.scss
index 94ac3d4..38a3c5e 100644
--- a/src/_header.scss
+++ b/src/_header.scss
@@ -1,6 +1,6 @@
 @mixin styles {
     .pageHeader {
-        background-image: url(../images/style-9/custom/header.jpeg);
+        background-image: url(../images/style-7/custom/header.jpeg);
         background-repeat: repeat-x;
     }
 
diff --git a/src/_reaction.scss b/src/_reaction.scss
index 56d719e..a3cd3d3 100644
--- a/src/_reaction.scss
+++ b/src/_reaction.scss
@@ -1,7 +1,3 @@
-@use 'iro-sass/src/props';
-
-@use 'core';
-
 @mixin styles {
     .messageFooter {
         .reactionType {
diff --git a/src/_thread.scss b/src/_thread.scss
index e4feb1c..a67348a 100644
--- a/src/_thread.scss
+++ b/src/_thread.scss
@@ -35,4 +35,15 @@
     .quoteBoxTitle a {
         text-decoration-line: none;
     }
+
+    .attachmentThumbnail {
+        background-color: props.get(core.$theme, --base, --75);
+    }
+
+    @media screen and (max-width: 768px) {
+        .messageSignature {
+            display: block;
+            opacity: 0.6;
+        }
+    }
 }
diff --git a/src/classic.scss b/src/classic.scss
index 8d5ba47..80be2c6 100644
--- a/src/classic.scss
+++ b/src/classic.scss
@@ -14,6 +14,7 @@
 @use 'reaction';
 @use 'footer';
 @use 'gallery';
+@use 'flexible-button-group';
 
 @include core.styles--classic;
 @include common.styles;
@@ -28,3 +29,4 @@
 @include reaction.styles;
 @include footer.styles;
 @include gallery.styles;
+@include flexible-button-group.styles;
diff --git a/src/light.scss b/src/light.scss
index 453ee17..a7e70b9 100644
--- a/src/light.scss
+++ b/src/light.scss
@@ -14,6 +14,7 @@
 @use 'reaction';
 @use 'footer';
 @use 'gallery';
+@use 'flexible-button-group';
 
 @include core.styles;
 @include common.styles;
@@ -28,3 +29,4 @@
 @include reaction.styles;
 @include footer.styles;
 @include gallery.styles;
+@include flexible-button-group.styles;