feat: shell base variables fixed (#530)

onecx · Oct 8, 2024 · 3825629 · 3825629
1 parent 5fe4f8b
commit 3825629
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/libs/portal-layout-styles/src/styles/shell/shell.scss b/libs/portal-layout-styles/src/styles/shell/shell.scss
@@ -2,20 +2,21 @@
 
 :root {
   // Top Bar Variables
-  --topbar-bg-color: rgb(18 171 219);
+  --topbar-bg-color: #0D3650;
   --topbar-text-color: #ffffff;
-  --topbar-left-bg-color: #ececec;
+  --topbar-left-bg-color: #0D3650;
   --topbar-item-text-color: #ffffff;
-  --topbar-item-text-hover-bg-color: #ffffff;
+  --topbar-item-text-hover-bg-color: #262626;
   --topbar-menu-button-bg-color: rgb(255 0 68);
   --menu-button-text-color: #ffffff;
+  --logo-color: #ffffff
 
   // Body Variables
   --page-padding: 1rem;
   --page-padding-lg: calc(var(--page-padding) * 2);
   --body-bg-color: #f7f7f7;
   --text-color: rgb(0 0 0 / 87%);
-  --text-secondary-color: #616161;
+  --text-secondary-color: #262626;
   --font-size: 14px;
   --font-family: Ubuntu, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
   // --border-width: #{$border-width};
@@ -25,22 +26,22 @@
 
   // Contents Variables
   --content-bg-color: #ffffff;
-  --content-alt-bg-color: #eceff1;
+  --content-alt-bg-color: #ffffff;
   --overlay-content-bg-color: #ffffff;
-  // --hover-bg-color: #{$hoverBgColor};
-  // --solid-surface-text-color: #{$solidSurfaceTextColor};
-  --divider-color: #ff00ff;
+  --hover-bg-color: #ad1457;
+  --solid-surface-text-color: #ffffff;
+  --divider-color: #e4e4e4;
 
   // Animation Variables
   --animation-duration: 0.2s;
   --animation-timing: #{$animationTimingFunction};
 
   // Menu Style Variables
-  --menu-text-color: #00ff00;
-  --menu-bg-color: #ff00ff;
-  --menu-item-text-color: var(--text-color, #000000);
-  --menu-item-hover-bg-color: rgb(0 0 0 / 4%);
-  --menu-active-item-bg-color: var(--menu-item-hover-bg-color);
+  --menu-text-color: #274B5F;
+  --menu-bg-color: #fdfeff;
+  --menu-item-text-color: #515c66;
+  --menu-item-hover-bg-color: #e4e4e4;
+  --menu-active-item-bg-color: rgba(0, 0, 0, 0.04);
   --menu-active-item-text-color: var(--menu-item-text-color);
   --inline-menu-border-color: var(--divider-color);
   --mobile-break-point: #{$mobileBreakpoint};
@@ -57,8 +58,8 @@
   --h6-font-size: #{$h6FontSize};
 
   // General Colors Variables
-  --primary-color: rgb(18, 171, 219);
-  --secondary-color: #ee4400;
+  --primary-color: #274B5F;
+  --secondary-color: #1C4257;
 }
 
 @import '_mixins'; // The variables were checked