From 3cc08982469a8a9bc488332f8d7b2f6dd470332f Mon Sep 17 00:00:00 2001 From: ByronEricPerez Date: Thu, 7 Jul 2022 14:23:22 -0300 Subject: [PATCH 1/5] changed the color of the editor-toolbar_hover class --- ui/scss/component/_markdown-editor.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss index 5c9df7af0..6fc7e5afe 100644 --- a/ui/scss/component/_markdown-editor.scss +++ b/ui/scss/component/_markdown-editor.scss @@ -116,7 +116,7 @@ border: transparent; &:hover { - color: var(--color-header-link-active); + color: var(--color-primary-dynamic); } } } -- 2.45.3 From 069894bd49f394ad17a8229d88b4a0ca11b4e38c Mon Sep 17 00:00:00 2001 From: ByronEricPerez Date: Tue, 12 Jul 2022 18:43:01 -0300 Subject: [PATCH 2/5] Fixed hover, colors and spacing of editor-toolbar_hover class --- ui/scss/component/_markdown-editor.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss index 6fc7e5afe..4881993cb 100644 --- a/ui/scss/component/_markdown-editor.scss +++ b/ui/scss/component/_markdown-editor.scss @@ -95,7 +95,7 @@ } .cm-s-easymde .cm-link { - color: var(--color-editor-link); + color: var(--color-border); } .cm-s-easymde .cm-url { @@ -114,10 +114,15 @@ padding-right: 0; padding-left: 0; border: transparent; + margin-right: var(--spacing-xxs); &:hover { - color: var(--color-primary-dynamic); + color: var(--color-header-link); + background-color: var(--color-border); } + /* &:active { + background-color: var(--color-border); + } */ } } } -- 2.45.3 From 62c497802bdff2855913fb284929265183189def Mon Sep 17 00:00:00 2001 From: ByronEricPerez Date: Thu, 14 Jul 2022 09:49:26 -0300 Subject: [PATCH 3/5] active editor-toolbar class modified --- ui/scss/component/_markdown-editor.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss index 4881993cb..2f38b65ff 100644 --- a/ui/scss/component/_markdown-editor.scss +++ b/ui/scss/component/_markdown-editor.scss @@ -120,9 +120,9 @@ color: var(--color-header-link); background-color: var(--color-border); } - /* &:active { - background-color: var(--color-border); - } */ + } + button.active { + background: var(--color-border); } } } -- 2.45.3 From 2c194a620c193f4460a718cb778a218a29467838 Mon Sep 17 00:00:00 2001 From: ByronEricPerez Date: Thu, 14 Jul 2022 17:42:05 -0300 Subject: [PATCH 4/5] var --color-editor-button-hover-bg and --color-editor-button-active-bg created --- ui/scss/component/_markdown-editor.scss | 4 ++-- ui/scss/init/_base-theme.scss | 2 ++ ui/scss/themes/dark.scss | 2 ++ ui/scss/themes/light.scss | 2 ++ 4 files changed, 8 insertions(+), 2 deletions(-) diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss index 2f38b65ff..8267bc155 100644 --- a/ui/scss/component/_markdown-editor.scss +++ b/ui/scss/component/_markdown-editor.scss @@ -118,11 +118,11 @@ &:hover { color: var(--color-header-link); - background-color: var(--color-border); + background-color: var(--color-editor-button-hover-bg); } } button.active { - background: var(--color-border); + background: var(--color-editor-button-active-bg); } } } diff --git a/ui/scss/init/_base-theme.scss b/ui/scss/init/_base-theme.scss index 3018f4863..686458f4c 100644 --- a/ui/scss/init/_base-theme.scss +++ b/ui/scss/init/_base-theme.scss @@ -170,6 +170,8 @@ --color-editor-url: var(--color-editor-string); --color-editor-hr: var(--color-editor-tag); --color-editor-hr-preview: #cccccc; + --color-editor-button-hover-bg: #333338; + --color-editor-button-active-bg: #333338; // Other --color-focus: #bfdbfe; diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss index 20fe82b5f..9899eb8cf 100644 --- a/ui/scss/themes/dark.scss +++ b/ui/scss/themes/dark.scss @@ -186,6 +186,8 @@ --color-editor-url: var(--color-editor-string); --color-editor-hr: var(--color-editor-tag); --color-editor-hr-preview: #a0a0a0; + --color-editor-button-hover-bg: #333338; + --color-editor-button-active-bg: #333338; // Ads --color-ads-background: #475057; diff --git a/ui/scss/themes/light.scss b/ui/scss/themes/light.scss index 67b79ac6c..2451d22a4 100644 --- a/ui/scss/themes/light.scss +++ b/ui/scss/themes/light.scss @@ -171,6 +171,8 @@ --color-editor-url: var(--color-editor-string); --color-editor-hr: var(--color-editor-tag); --color-editor-hr-preview: #cccccc; + --color-editor-button-hover-bg: #333338; + --color-editor-button-active-bg: #333338; // Ads --color-ads-background: #fae5ff; -- 2.45.3 From 19b493108017b777500bbb9f2e6c622167bb5f40 Mon Sep 17 00:00:00 2001 From: ByronEricPerez Date: Thu, 21 Jul 2022 13:57:08 -0300 Subject: [PATCH 5/5] --color-editor-button-hover-bg and --color-editor-button-active-bg color corrected in light --- ui/scss/component/_markdown-editor.scss | 2 +- ui/scss/themes/light.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss index 8267bc155..221d66e61 100644 --- a/ui/scss/component/_markdown-editor.scss +++ b/ui/scss/component/_markdown-editor.scss @@ -95,7 +95,7 @@ } .cm-s-easymde .cm-link { - color: var(--color-border); + color: var(--color-editor-link); } .cm-s-easymde .cm-url { diff --git a/ui/scss/themes/light.scss b/ui/scss/themes/light.scss index 2451d22a4..cba3dcaa1 100644 --- a/ui/scss/themes/light.scss +++ b/ui/scss/themes/light.scss @@ -171,8 +171,8 @@ --color-editor-url: var(--color-editor-string); --color-editor-hr: var(--color-editor-tag); --color-editor-hr-preview: #cccccc; - --color-editor-button-hover-bg: #333338; - --color-editor-button-active-bg: #333338; + --color-editor-button-hover-bg: #e5e7eb; + --color-editor-button-active-bg: #e5e7eb; // Ads --color-ads-background: #fae5ff; -- 2.45.3