From 87d6068f21e9354f225bc6a779d62cec74bcd4c3 Mon Sep 17 00:00:00 2001 From: oktay Date: Thu, 25 Jun 2020 00:44:30 +0300 Subject: [PATCH 1/2] theme button hover --- components/theme-button.module.css | 7 ++++--- styles/variables.css | 2 ++ 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/components/theme-button.module.css b/components/theme-button.module.css index da202c0..4595fd8 100644 --- a/components/theme-button.module.css +++ b/components/theme-button.module.css @@ -1,15 +1,16 @@ .button { background-color: var(--c-theme); - color: white; + color: var(--c-theme-text-color); padding-left: 15px; padding-right: 15px; height: 40px; min-width: 40px; font-weight: bold; + transition: var(--fade) all; &:hover { - background-color: var(--c-theme); - color: var(--c-text-color); + background-color: var(--c-theme-dark); + color: var(--c-theme-text-color); } } diff --git a/styles/variables.css b/styles/variables.css index 6b96b09..83489bf 100644 --- a/styles/variables.css +++ b/styles/variables.css @@ -1,8 +1,10 @@ :root { --c-primary: #fff; --c-theme: rgba(29, 161, 242, 1); + --c-theme-dark: rgba(26, 145, 218, 1); --c-theme-10: rgba(29, 161, 242, 0.1); --c-text-color: #000; + --c-theme-text-color: #fff; --c-border-color: rgb(230, 236, 240); --c-gray: #6e767d; --c-dark-gray: #202327; From ffaf1617c437233aa9b5514e87db2eef92aa1fca Mon Sep 17 00:00:00 2001 From: oktay Date: Thu, 25 Jun 2020 00:44:44 +0300 Subject: [PATCH 2/2] navbutton notify color --- components/navigation-button.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/navigation-button.module.css b/components/navigation-button.module.css index b9bf5c5..7652ea1 100644 --- a/components/navigation-button.module.css +++ b/components/navigation-button.module.css @@ -35,7 +35,7 @@ display: flex; align-items: center; background-color: var(--c-theme); - color: var(--c-text-color); + color: var(--c-theme-text-color); font-size: 11px; border: 1px solid var(--c-primary); }