More fixes

5 files changed, 62 insertions, 31 deletions

diff --git a/src/_ck-editor.scss b/src/_ck-editor.scss
new file mode 100644
index 0000000..513c85a
--- /dev/null
+++ b/src/_ck-editor.scss
@@ -0,0 +1,9 @@
+@use 'iro-sass/src/props';
+
+@use 'core';
+
+@mixin styles {
+    .ck.ck-editor, .ck.ck-body {
+        --ck-color-base-background: #{props.get(core.$theme, --bg-editor)};
+    }
+}
diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 5233708..e30afe3 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -80,12 +80,14 @@ $themes-spec: (
         ),
 
         --semantic: (
-            --bg-content:    --base --50,
-            --bg-l1:         --base --75,
-            --bg-base:       --base --100,
-            --bg-sidebar:    --base --75,
-            --bg-footer-box: --base --100,
-            --bg-footer:     --base --700,
+            --bg-content:      --base --50,
+            --bg-content-item: --base --75,
+            --bg-l1:           --base --75,
+            --bg-base:         --base --100,
+            --bg-sidebar:      --base --75,
+            --bg-sidebar-item: --base --100,
+            --bg-footer-box:   --base --100,
+            --bg-footer:       --base --700,
 
             --link: (
                 --fg:         --red --1000,
@@ -181,6 +183,11 @@ $themes-spec: (
             --wcfStatusSuccessBackground: --green --100,
             --wcfStatusSuccessBorder:     --green --300,
             --wcfStatusSuccessText:       --green --1100,
+
+            --wcfEditorButtonBackground:       --base --600,
+            --wcfEditorButtonBackgroundActive: --base --800,
+            --wcfEditorButtonText:             --base --600-text,
+            --wcfEditorButtonTextActive:       --base --800-text,
         ),
     ),
 
@@ -244,13 +251,16 @@ $themes-spec: (
         ),
 
         --semantic: (
-            --bg-content:    --base --100,
-            --bg-l1:         --base --300,
-            --bg-base:       --base --75,
-            --bg-sidebar:    --base --100,
-            --bg-nav:        --base --75,
-            --bg-footer-box: --base --100,
-            --bg-footer:     --base --600,
+            --bg-content:      --base --100,
+            --bg-content-item: --base --200,
+            --bg-l1:           --base --300,
+            --bg-base:         --base --75,
+            --bg-sidebar:      --base --100,
+            --bg-sidebar-item: --base --200,
+            --bg-nav:          --base --75,
+            --bg-footer-box:   --base --100,
+            --bg-footer:       --base --600,
+            --bg-editor:       --base --50,
 
             --link: (
                 --fg:         --red --1200,
@@ -269,8 +279,12 @@ $themes-spec: (
             --wcfContentText:         --base --800,
 
             --wcfSidebarBackground: --base --75,
+            --wcfSidebarBorder:     --wcfContentBorder,
 
-            --wcfUserMenuBackground: --base --75,
+            --wcfUserMenuBackground:       --base --75,
+            --wcfUserMenuBorder:           --base --200,
+            --wcfUserMenuBackgroundActive: --base --100,
+            --wcfUserMenuTextActive:       --base --800,
 
             --wcfTabularBoxBackgroundActive: --base --75,
 
@@ -284,6 +298,8 @@ $themes-spec: (
             --wcfButtonPrimaryBackgroundActive: --red --1200,
             --wcfButtonPrimaryTextActive:       --red --1200-text,
 
+            --wcfInputBorder: --base --300,
+
             --wcfStatusSuccessBackground: --green --1000,
             --wcfStatusSuccessBorder:     --green --1000,
             --wcfStatusSuccessText:       --green --100,
@@ -334,13 +350,14 @@ $themes-spec: (
         ),
 
         --semantic: (
-            --bg-base:       --base --75,
-            --bg-l1:         --base --100,
-            --bg-content:    --base --200,
-            --bg-sidebar:    --base --100,
-            --bg-nav:        --base --75,
-            --bg-footer-box: --base --75,
-            --bg-footer:     --base --75,
+            --bg-base:         --base --75,
+            --bg-l1:           --base --100,
+            --bg-content:      --base --200,
+            --bg-content-item: --base --300,
+            --bg-sidebar:      --base --100,
+            --bg-nav:          --base --75,
+            --bg-footer-box:   --base --75,
+            --bg-footer:       --base --75,
 
             --wcfHeaderBackground:                   --bg-base,
             --wcfHeaderMenuBackground:               --base --50,
diff --git a/src/_sidebar.scss b/src/_sidebar.scss
index 5ddb188..b71c50d 100644
--- a/src/_sidebar.scss
+++ b/src/_sidebar.scss
@@ -9,21 +9,22 @@
             border-radius: 0;
 
             &:not(:first-child) {
-                margin-block-start: 0;
-                padding-block-start: 10px;
-
-                &::before {
-                    content: "";
-                    display: block;
-                    block-size: 1px;
-                    margin-block-end: 30px;
-                    background-color: var(--wcfContentBorderInner);
-                }
+                margin-block-start: -1px;
             }
 
             &:not(.boxBorderless) {
                 background-color: props.get(core.$theme, --bg-sidebar);
             }
+
+            .boxMenu {
+                li {
+                    &.active {
+                        > .boxMenuLink {
+                            background-color: props.get(core.$theme, --bg-sidebar-item);
+                        }
+                    }
+                }
+            }
         }
 
         a {
diff --git a/src/classic.scss b/src/classic.scss
index 80be2c6..bc60776 100644
--- a/src/classic.scss
+++ b/src/classic.scss
@@ -15,6 +15,7 @@
 @use 'footer';
 @use 'gallery';
 @use 'flexible-button-group';
+@use 'ck-editor';
 
 @include core.styles--classic;
 @include common.styles;
@@ -30,3 +31,4 @@
 @include footer.styles;
 @include gallery.styles;
 @include flexible-button-group.styles;
+@include ck-editor.styles;
diff --git a/src/light.scss b/src/light.scss
index a7e70b9..09ccea2 100644
--- a/src/light.scss
+++ b/src/light.scss
@@ -15,6 +15,7 @@
 @use 'footer';
 @use 'gallery';
 @use 'flexible-button-group';
+@use 'ck-editor';
 
 @include core.styles;
 @include common.styles;
@@ -30,3 +31,4 @@
 @include footer.styles;
 @include gallery.styles;
 @include flexible-button-group.styles;
+@include ck-editor.styles;