fix(frontend): Adjust some global colors

Morphclue · Feb 10, 2024 · aa8c725 · aa8c725
1 parent 896abee
commit aa8c725
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 10 deletions.
diff --git a/apps/frontend/src/app/core/navbar/navbar.component.html b/apps/frontend/src/app/core/navbar/navbar.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-dark navbar-expand-lg bg-secondary">
+<nav class="navbar navbar-dark navbar-expand-lg bg-primary">
   <div class="container-fluid">
     <img class="navbar-logo" ngSrc="/assets/logo.png" alt="Apollusia Logo" width="64" height="64" style="height: 2rem">
     <a class="navbar-brand" routerLink="/">Apollusia</a>

diff --git a/apps/frontend/src/app/dashboard/card/card.component.html b/apps/frontend/src/app/dashboard/card/card.component.html
@@ -1,5 +1,5 @@
 <div class="card">
-  <div class="card-header">
+  <div class="card-header text-white bg-dark">
     <div class="d-flex justify-content-between">
       <h5 class="card-title">{{ poll.title }}</h5>
       <div class="d-flex">

diff --git a/apps/frontend/src/styles.scss b/apps/frontend/src/styles.scss
@@ -11,7 +11,7 @@ $mauve: #e0aaffff;
 /* Overrides */
 
 $primary: $french-violet;
-$secondary: $purple;
+$secondary: $amethyst;
 $dark: $persian-indigo;
 
 /* Imports */
@@ -59,11 +59,6 @@ $dark: $persian-indigo;
   height: 100%;
 }
 
-.card-header {
-  background-color: $purple;
-  color: white;
-}
-
 .p-yes {
   color: var(--bs-success-text-emphasis) !important;
   background-color: var(--bs-success-bg-subtle) !important;
@@ -131,7 +126,7 @@ $dark: $persian-indigo;
 }
 
 .disabled-hour {
-  background-color: lightgrey;
+  background-color: var(--bs-secondary-bg-subtle);
   cursor: not-allowed;
 }
 
@@ -145,7 +140,7 @@ $dark: $persian-indigo;
   }
 
   blockquote {
-    border-left: 4px solid $info;
+    border-left: 4px solid var(--bs-info-border-subtle);
     padding: 0 1rem;
   }