feat: implement primary button styles

virtualidentityag · Aug 23, 2024 · 28440e8 · 28440e8
1 parent 1010f5e
commit 28440e8
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/src/partials/header.twig b/src/partials/header.twig
@@ -20,7 +20,7 @@
       <li class='nav-item'><a href='./apps' class='nav-link'>Apps</a></li>
       <li class='nav-item'><a href='#' class='nav-link'>Anfragen</a></li>
       <li class='nav-item'>
-        <a href='#' class='nav-link' aria-label='search'><i class='bi bi-search'></i></a>
+        <a href='./dataset-overview' class='nav-link' aria-label='search'><i class='bi bi-search'></i></a>
       </li>
     </ul>
   </nav>

diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
@@ -5,6 +5,29 @@
   --link-hover-color-rgb: var(--primary-text-emphasis-rgb);
 }
 
+.text-bg-primary {
+  color: var(--light) !important;
+  background-color: var(--primary) !important;
+}
+
+.btn-primary {
+  --btn-bg: var(--primary);
+  --btn-color: var(--light);
+  --btn-border-color: var(--primary);
+
+  --btn-hover-bg: var(--primary-hover);
+  --btn-hover-color: var(--primary);
+  --btn-hover-border-color: var(--primary);
+
+  --btn-active-bg: var(--primary);
+  --btn-active-color: var(--light);
+  --btn-active-border-color: var(--primary);
+
+  --btn-disabled-bg: var(--primary);
+  --btn-disabled-color: var(--light);
+  --btn-disabled-border-color: var(--primary);
+}
+
 .nav-pills {
   --nav-pills-link-active-bg: var(--primary);
   --nav-pills-link-active-color: var(--light);