diff --git a/zero.Web.UI/App/components/pickers/iconPicker/overlay.vue b/zero.Web.UI/App/components/pickers/iconPicker/overlay.vue index 38cb1791..d92faccf 100644 --- a/zero.Web.UI/App/components/pickers/iconPicker/overlay.vue +++ b/zero.Web.UI/App/components/pickers/iconPicker/overlay.vue @@ -151,8 +151,8 @@ &.is-active { - background: var(--color-box); - color: var(--color-text); + background: var(--color-primary); + color: var(--color-primary-fg); box-shadow: var(--shadow-short); } diff --git a/zero.Web.UI/App/editor/editor.scss b/zero.Web.UI/App/editor/editor.scss index dc585624..eef1ea24 100644 --- a/zero.Web.UI/App/editor/editor.scss +++ b/zero.Web.UI/App/editor/editor.scss @@ -4,7 +4,7 @@ width: 100%; max-width: 1320px; margin: 0 auto; - padding: 0 var(--padding); + padding: 0 var(--padding) var(--padding); &:not(.display-tabs), &.hide-tabs { diff --git a/zero.Web.UI/App/editor/editor.vue b/zero.Web.UI/App/editor/editor.vue index 019630cf..e078ea63 100644 --- a/zero.Web.UI/App/editor/editor.vue +++ b/zero.Web.UI/App/editor/editor.vue @@ -3,7 +3,7 @@

- +
diff --git a/zero.Web.UI/Sass/Settings/_theme-dark.scss b/zero.Web.UI/Sass/Settings/_theme-dark.scss index 50b3bedd..7362efdf 100644 --- a/zero.Web.UI/Sass/Settings/_theme-dark.scss +++ b/zero.Web.UI/Sass/Settings/_theme-dark.scss @@ -16,10 +16,10 @@ $color-fg-shade-2: #8c9094; // dim-two // background colors - $color-bg: #191e25; + $color-bg: #181c22; $color-bg-shade-0: #1d2229; $color-bg-shade-1: #22272e; // bright - $color-bg-shade-2: #1d2229; // dim + $color-bg-shade-2: #1c2026; // dim $color-bg-shade-3: #282d36; // bright-two $color-bg-shade-4: #363c45; // bright-three $color-bg-shade-5: #43484f; @@ -112,5 +112,5 @@ --color-table-hover: #{$color-bg-shade-2}; // misc - --color-required-marker: #{$color-primary}; + --color-required-marker: #{$color-fg-shade-1}; }