Link and group header color

comindware · Jul 8, 2022 · 3620621 · 3620621
1 parent 15d0fb0
commit 3620621
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/resources/styles/common.css b/resources/styles/common.css
@@ -143,14 +143,14 @@ sup {
 }
 
 a {
-    color: var(--theme-colors__primary);
+    color: var(--theme-colors__link);
     text-decoration: none;
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
 }
 
 a:hover {
-    color: var(--theme-colors__primary_fade);
+    color: var(--theme-colors__link_fade);
     text-decoration: underline;
 }
 

diff --git a/resources/styles/variables.css b/resources/styles/variables.css
@@ -26,6 +26,12 @@
     --theme-colors__text_fadest: #999999;
     --theme-colors__text_strong: #404040;
 
+    /*** Link ***/
+    --theme-colors__link: #0575bd;
+    --theme-colors__link_fade: #0694ef;
+    --theme-colors__link_fadest: #2faaf9;
+    --theme-colors__link_strong: #04568b;
+
     /*** Highlight ***/
     --theme-colors__highlight: #e8f6ff; /* highlight */
     --theme-colors__highlight-txt: var(--theme-colors__text); /* text highlight */
@@ -208,6 +214,12 @@
     --popup-header-btn-font-size_equate: 22px;
     --system-message-font-size: 15px;
 
+    /* group */
+    --theme-colors__group-header: #f5f5f5;
+    --theme-colors__group-header_fade: #ffffff;
+    --theme-colors__group-header_strong: #dcdcdc;
+    --theme-colors__group-header-txt: #5a5a5a;
+
     /* buttons severity */
     --theme-colors__cancel-btn: #9d9d9d;
     --theme-colors__cancel-btn_fade: #b6b6b6;

diff --git a/src/layout/resources/group.css b/src/layout/resources/group.css
@@ -42,8 +42,8 @@
     display: flex;
     align-items: center;
     flex: none;
-    color: var(--theme-colors__secondary-txt);
-    background-color: var(--theme-colors__secondary);
+    color: var(--theme-colors__group-header-txt);
+    background-color: var(--theme-colors__group-header);
     border-bottom: 1px solid var(--menu-items-clor-border);
     border-radius: 4px 4px 0 0;
     font-size: 18px;
@@ -52,7 +52,7 @@
 
 .group-collapsed .layout-group__head{
     border-radius: 4px;
-    border-bottom-color: var(--theme-colors__main_fadest);
+    border-bottom-color: transparent;
 }
 
 .layout-group_squashed-tabs  > .layout-group-wrp > .layout-group__head {