From 2db91f02770eed32275e6e13d8174d87913936c9 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Thu, 10 Mar 2022 16:05:23 +0200 Subject: [PATCH] Comment alerts, link, tab css. Change dark and grey color --- css/structure/alert.css | 4 ++-- css/structure/link.css | 40 ++++++++++++++++++------------------- css/structure/pill.css | 5 ----- css/structure/slider.css | 4 ++-- css/structure/tab.css | 2 ++ css/structure/variables.css | 4 ++-- 6 files changed, 28 insertions(+), 31 deletions(-) diff --git a/css/structure/alert.css b/css/structure/alert.css index 8454bdd..ebd631e 100644 --- a/css/structure/alert.css +++ b/css/structure/alert.css @@ -1,4 +1,4 @@ -.uk-alert-warning, .uk-alert-danger, .uk-alert-success{ +/*.uk-alert-warning, .uk-alert-danger, .uk-alert-success{ background: #fff; color: #4b4b4b; } @@ -14,5 +14,5 @@ .uk-alert-success{ border: #19eea5 solid 1px; -} +}*/ diff --git a/css/structure/link.css b/css/structure/link.css index f110e8a..90a3ffe 100644 --- a/css/structure/link.css +++ b/css/structure/link.css @@ -1,25 +1,25 @@ -:root { - --link-color: var(--primary-color); - --link-color-hover: var(--secondary-color); -} +/*:root {*/ +/* --link-color: var(--primary-color);*/ +/* --link-color-hover: var(--secondary-color);*/ +/*}*/ -/*.uk-button-text, .uk-button-text:hover { - color: var(--link-color); -} +/*.uk-button-text, .uk-button-text:hover {*/ +/* color: var(--link-color);*/ +/*}*/ -.uk-button-text.uk-disabled, .uk-button-text:hover.uk-disabled { - color: var(--disable-color); -}*/ +/*.uk-button-text.uk-disabled, .uk-button-text:hover.uk-disabled {*/ +/* color: var(--disable-color);*/ +/*}*/ -.uk-link, a { - color: var(--link-color); -} +/*.uk-link, a {*/ +/* color: var(--link-color);*/ +/*}*/ -.uk-link-muted { - color: var(--disable-color); -} +/*.uk-link-muted {*/ +/* color: var(--disable-color);*/ +/*}*/ -.uk-link:hover, .uk-link-toggle:hover, .uk-link-muted:hover, .uk-link-text:hover, .uk-link-heading:hover { - color: var(--link-color-hover) !important; - text-decoration: underline !important; -} +/*.uk-link:hover, .uk-link-toggle:hover, .uk-link-muted:hover, .uk-link-text:hover, .uk-link-heading:hover {*/ +/* color: var(--link-color-hover) !important;*/ +/* text-decoration: underline !important;*/ +/*}*/ diff --git a/css/structure/pill.css b/css/structure/pill.css index e54e0d8..f887dc1 100644 --- a/css/structure/pill.css +++ b/css/structure/pill.css @@ -1,9 +1,4 @@ :root { - /* Main Pills*/ - --pill-color: var(--dark-color); - --pill-shadow-hover: none; - --pill-shadow-active: -15px -15px 20px rgb(255 255 255 / 30%), 15px 15px 20px rgb(0 0 0 / 10%); - /* Alternative Pills*/ --pill-alt-color: var(--grey-color); --pill-alt-background: var(--secondary-color); diff --git a/css/structure/slider.css b/css/structure/slider.css index 092406c..bfb0eab 100644 --- a/css/structure/slider.css +++ b/css/structure/slider.css @@ -1,6 +1,6 @@ :root { - --slider-dot-background: #d1d1d1; - --slider-dot-active-background: #4687e6; + --slider-dot-background: rgba(var(--primary-color-rgb), 0.5); + --slider-dot-active-background: var(--primary-color); } .uk-dotnav > .uk-active > *, .uk-dotnav > * > *:hover { diff --git a/css/structure/tab.css b/css/structure/tab.css index cd154fb..d93deec 100644 --- a/css/structure/tab.css +++ b/css/structure/tab.css @@ -1,3 +1,4 @@ +/* :root { --tab-bar-border: 2px solid var(--muted-color); --tab-color: var(--placeholder-color); @@ -28,3 +29,4 @@ border-bottom: var(--tab-border-active); font-weight: 600; } +*/ diff --git a/css/structure/variables.css b/css/structure/variables.css index bc89759..bc6a9ba 100644 --- a/css/structure/variables.css +++ b/css/structure/variables.css @@ -6,8 +6,8 @@ --secondary-color: #3C8DEE; --secondary-color-rgb: 48, 134, 237; - --dark-color: #2C2C2C; - --grey-color: #4B4B4B; + --dark-color: #000000; + --grey-color: #2C2C2C; --placeholder-color: #8E8E8E; --disable-color: #B3B3B3; --muted-color: #EAEAEA;