slu-design-system 6.2.5 → 7.0.0

package/dist/designsystem-default.css

@@ -1,4 +1,22 @@
 @charset "UTF-8";
+:root {
+  --adb-primary: #007681;
+  --adb-secondary: white;
+  --adb-danger: #b83d39;
+  --adb-warning: #db7100;
+  --adb-success: #52a852;
+  --adb-info: #17a2b8;
+  --adb-primary-subtle: var(--bs-primary-bg-subtle);
+  --adb-primary-dark: #004851;
+  --adb-primary-dark-rgb: 0, 72, 81;
+  --adb-primary-dark-border: #003c44;
+  --adb-primary-dark-border-rgb: 0, 60, 68;
+  --adb-primary-dark-hover: #003f47;
+  --adb-primary-dark-hover-rgb: 0, 63, 71;
+  --adb-primary-dark-hover-border: #00353c;
+  --adb-primary-dark-hover-border-rgb: 0, 53, 60;
+}
+
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
  * Copyright 2011-2025 The Bootstrap Authors
@@ -80,8 +98,8 @@
   --bs-body-line-height: 1.5;
   --bs-body-color: black;
   --bs-body-color-rgb: 0, 0, 0;
-  --bs-body-bg: #e9ebee;
-  --bs-body-bg-rgb: 233, 235, 238;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
   --bs-emphasis-color: #000;
   --bs-emphasis-color-rgb: 0, 0, 0;
   --bs-secondary-color: rgba(0, 0, 0, 0.75);
@@ -1848,7 +1866,7 @@ progress {
   --bs-table-color-state: initial;
   --bs-table-bg-state: initial;
   --bs-table-color: var(--bs-emphasis-color);
-  --bs-table-bg: white;
+  --bs-table-bg: var(--bs-body-bg);
   --bs-table-border-color: var(--bs-border-color);
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: var(--bs-emphasis-color);
@@ -2108,7 +2126,7 @@ progress {
   line-height: 1.5;
   color: var(--bs-body-color);
   appearance: none;
-  background-color: white;
+  background-color: var(--bs-body-bg);
   background-clip: padding-box;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius);
@@ -2127,7 +2145,7 @@ progress {
 }
 .form-control:focus {
   color: var(--bs-body-color);
-  background-color: white;
+  background-color: var(--bs-body-bg);
   border-color: rgb(127.5, 186.5, 192);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
@@ -2258,7 +2276,7 @@ textarea.form-control-lg {
   line-height: 1.5;
   color: var(--bs-body-color);
   appearance: none;
-  background-color: white;
+  background-color: var(--bs-body-bg);
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
   background-position: right 0.5rem center;
@@ -2332,7 +2350,7 @@ textarea.form-control-lg {
 }
 
 .form-check-input {
-  --bs-form-check-bg: white;
+  --bs-form-check-bg: var(--bs-body-bg);
   flex-shrink: 0;
   width: 1em;
   height: 1em;
@@ -2450,10 +2468,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #e9ebee, 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #e9ebee, 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 118, 129, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2594,7 +2612,7 @@ textarea.form-control-lg {
   z-index: -1;
   height: 1.5em;
   content: "";
-  background-color: white;
+  background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
 }
 .form-floating > textarea:disabled ~ label::after {
@@ -3337,7 +3355,7 @@ textarea.form-control-lg {
   --bs-dropdown-spacer: 0.125rem;
   --bs-dropdown-font-size: 1rem;
   --bs-dropdown-color: var(--bs-body-color);
-  --bs-dropdown-bg: white;
+  --bs-dropdown-bg: var(--bs-body-bg);
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
   --bs-dropdown-border-radius: var(--bs-border-radius);
   --bs-dropdown-border-width: var(--bs-border-width);
@@ -4644,7 +4662,7 @@ textarea.form-control-lg {
   --bs-pagination-padding-y: 0.375rem;
   --bs-pagination-font-size: 1rem;
   --bs-pagination-color: var(--bs-link-color);
-  --bs-pagination-bg: white;
+  --bs-pagination-bg: var(--bs-body-bg);
   --bs-pagination-border-width: var(--bs-border-width);
   --bs-pagination-border-color: var(--bs-border-color);
   --bs-pagination-border-radius: var(--bs-border-radius);
@@ -4919,7 +4937,7 @@ textarea.form-control-lg {
 
 .list-group {
   --bs-list-group-color: var(--bs-body-color);
-  --bs-list-group-bg: white;
+  --bs-list-group-bg: var(--bs-body-bg);
   --bs-list-group-border-color: var(--bs-border-color);
   --bs-list-group-border-width: var(--bs-border-width);
   --bs-list-group-border-radius: var(--bs-border-radius);
@@ -4931,10 +4949,10 @@ textarea.form-control-lg {
   --bs-list-group-action-active-color: var(--bs-body-color);
   --bs-list-group-action-active-bg: var(--bs-secondary-bg);
   --bs-list-group-disabled-color: var(--bs-secondary-color);
-  --bs-list-group-disabled-bg: white;
+  --bs-list-group-disabled-bg: var(--bs-body-bg);
   --bs-list-group-active-color: inherit;
-  --bs-list-group-active-bg: #e9ebee;
-  --bs-list-group-active-border-color: #e9ebee;
+  --bs-list-group-active-bg: #007681;
+  --bs-list-group-active-border-color: #007681;
   display: flex;
   flex-direction: column;
   padding-left: 0;
@@ -5381,7 +5399,7 @@ textarea.form-control-lg {
   --bs-modal-padding: 1rem;
   --bs-modal-margin: 0.5rem;
   --bs-modal-color: var(--bs-body-color);
-  --bs-modal-bg: white;
+  --bs-modal-bg: var(--bs-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
   --bs-modal-border-radius: var(--bs-border-radius-lg);
@@ -11843,6 +11861,83 @@ textarea.form-control-lg {
     display: none !important;
   }
 }
+.btn-primary-dark {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: var(--adb-primary-dark);
+  --bs-btn-border-color: var(--adb-primary-dark-border);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: var(--adb-primary-dark-hover);
+  --bs-btn-hover-border-color: var(--adb-primary-dark-hover-border);
+  --bs-btn-focus-shadow-rgb: var(--adb-primary-dark-rgb);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: var(--adb-primary-dark-hover);
+  --bs-btn-active-border-color: var(--adb-primary-dark-hover-border);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: var(--adb-primary-dark);
+  --bs-btn-disabled-border-color: var(--adb-primary-dark-border);
+}
+
+.btn-primary {
+  --bs-btn-color: #fff;
+  --bs-btn-bg: var(--bs-primary);
+  --bs-btn-border-color: var(--adb-primary-dark);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: var(--adb-primary-dark);
+  --bs-btn-hover-border-color: var(--adb-primary-dark);
+  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: var(--adb-primary-dark);
+  --bs-btn-active-border-color: var(--adb-primary-dark);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: var(--bs-primary);
+  --bs-btn-disabled-border-color: var(--adb-primary-dark);
+}
+
+.btn-file {
+  position: relative;
+  overflow: hidden;
+}
+
+.btn-file input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
+}
+
+.btn-invisible {
+  display: block;
+  width: 100%;
+  outline: 1;
+  white-space: normal;
+  text-align: left;
+  box-shadow: none;
+}
+.btn-invisible:active, .btn-invisible:first-child:active {
+  border-color: transparent;
+}
+.btn-invisible:hover {
+  color: grey;
+}
+.btn-invisible:focus-visible {
+  outline: dotted 1px #0d6efd !important;
+  border-radius: 0;
+}
+
+.btn-light {
+  background-color: transparent;
+  border: 1px solid #f2f1f1;
+}
+
 .btn-secondary {
   --bs-btn-color: black;
   --bs-btn-bg: white;
@@ -11860,23 +11955,6 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: rgb(191.25, 191.25, 191.25);
 }
 
-.btn-primary-dark {
-  --bs-btn-color: white;
-  --bs-btn-bg: #004851;
-  --bs-btn-border-color: rgb(0, 68.4, 76.95);
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: rgb(0, 91.0666666667, 102.45);
-  --bs-btn-hover-border-color: #004851;
-  --bs-btn-focus-shadow-rgb: 38, 96, 104;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: rgb(0, 57.6, 64.8);
-  --bs-btn-active-border-color: rgb(0, 51.3, 57.7125);
-  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #004851;
-  --bs-btn-disabled-border-color: rgb(0, 68.4, 76.95);
-}
-
 .btn-select-primary {
   display: inline-block;
   --bs-btn-color: #fff;
@@ -11978,51 +12056,6 @@ textarea.form-control-lg {
   color: white;
 }
 
-.btn-file {
-  position: relative;
-  overflow: hidden;
-}
-
-.btn-file input[type=file] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  outline: none;
-  background: white;
-  cursor: inherit;
-  display: block;
-}
-
-.btn-invisible {
-  display: block;
-  width: 100%;
-  outline: 1;
-  white-space: normal;
-  text-align: left;
-  box-shadow: none;
-}
-.btn-invisible:active, .btn-invisible:first-child:active {
-  border-color: transparent;
-}
-.btn-invisible:hover {
-  color: grey;
-}
-.btn-invisible:focus-visible {
-  outline: dotted 1px #0d6efd !important;
-  border-radius: 0;
-}
-
-.btn-light {
-  background-color: transparent;
-  border: 1px solid #f2f1f1;
-}
-
 #banner {
   background-image: url("/assets/images/banner.png");
   background-position: center;
@@ -12034,12 +12067,16 @@ textarea.form-control-lg {
   background-position: center;
 }
 
+.adb-light {
+  background-color: #e9ebee;
+}
+
 .bg-primary-dark {
-  background-color: #004851;
+  background-color: var(--adb-primary-dark);
 }
 
 .text-primary-dark {
-  color: #004851;
+  color: var(--adb-primary-dark);
 }
 
 section {
@@ -12060,8 +12097,8 @@ section {
   left: 0;
   z-index: 1001;
   text-align: left;
-  color: black;
-  background-color: white;
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
   border: 1px solid lightgray;
   max-height: 70vh;
   overflow-y: auto;
@@ -12072,7 +12109,7 @@ section {
   outline: none;
 }
 .pop .pop-body .result-list a {
-  color: black;
+  color: var(--bs-body-color);
 }
 
 .sticky-sidebar {
@@ -12123,10 +12160,6 @@ pre {
   display: block;
 }
 
-.table th a {
-  color: #333333;
-}
-
 @media (min-width: 768px) {
   .depth-0 {
     margin-left: 0rem;
@@ -12227,10 +12260,16 @@ pre {
   overflow: hidden;
 }
 
+.alert-primary {
+  --bs-alert-color: var(--adb-primary-dark);
+  --bs-alert-bg: var(--adb-primary-subtle);
+  --bs-alert-border-color: color-mix(in srgb, var(--bs-primary) 35%, white);
+}
+
 .adb-plate-primary {
-  background-color: white;
-  color: black;
-  border: 1px solid lightgray;
+  background-color: var(--bs-body-bg);
+  color: var(--adb-plate-primary-color);
+  border: 1px solid var(--bs-border-color);
   padding: 1rem 1rem;
   margin-bottom: 1rem;
   min-height: 3rem;
@@ -12257,7 +12296,7 @@ pre {
   color: white;
   border-radius: 50%;
   padding: 0.5rem;
-  background-color: #007681;
+  background-color: var(--adb-primary);
   width: 2.4rem;
   height: 2.4rem;
   line-height: 2.4rem;
@@ -12907,4 +12946,78 @@ a.no-underline:hover {
   text-decoration: underline;
 }
 
+.theme-artportalen {
+  --bs-primary: #4E6936;
+  --bs-primary-rgb: 78, 105, 54;
+  --bs-link-color: #4E6936;
+  --bs-link-color-rgb: 78, 105, 54;
+  --bs-link-hover-color: #3B5029;
+  --bs-link-hover-color-rgb: 59, 80, 41;
+  --adb-primary-dark: #3B5029;
+  --adb-primary-dark-rgb: 59, 80, 41;
+  --adb-primary-dark-border: #324424;
+  --adb-primary-dark-border-rgb: 50, 68, 36;
+  --adb-primary-dark-hover: #435C2F;
+  --adb-primary-dark-hover-rgb: 67, 92, 47;
+  --adb-primary-dark-hover-border: #394E28;
+  --adb-primary-dark-hover-border-rgb: 57, 78, 40;
+  --adb-primary-dark-color: #ffffff;
+  --adb-primary-subtle: #E4EBD9;
+}
+
+.theme-fynddata {
+  --bs-primary: #307c5e;
+  --bs-primary-rgb: 48, 124, 94;
+  --bs-link-color: #307c5e;
+  --bs-link-color-rgb: 48, 124, 94;
+  --bs-link-hover-color: #273d34;
+  --bs-link-hover-color-rgb: 39, 61, 52;
+  --adb-primary-dark: #273D34;
+  --adb-primary-dark-rgb: 39, 61, 52;
+  --adb-primary-dark-border: #20332C;
+  --adb-primary-dark-border-rgb: 32, 51, 44;
+  --adb-primary-dark-hover: #314B41;
+  --adb-primary-dark-hover-rgb: 49, 75, 65;
+  --adb-primary-dark-hover-border: #2B4239;
+  --adb-primary-dark-hover-border-rgb: 43, 66, 57;
+  --adb-primary-dark-color: #ffffff;
+  --adb-primary-subtle: #D8ECE5;
+}
+
+.theme-slu {
+  --bs-primary: #154734;
+  --bs-primary-rgb: 21, 71, 52;
+  --bs-link-color: #154734;
+  --bs-link-color-rgb: 21, 71, 52;
+  --adb-primary-dark: #123D2C;
+  --adb-primary-dark-rgb: 18, 61, 44;
+  --adb-primary-dark-border: #0F3425;
+  --adb-primary-dark-border-rgb: 15, 52, 37;
+  --adb-primary-dark-hover: #184C36;
+  --adb-primary-dark-hover-rgb: 24, 76, 54;
+  --adb-primary-dark-hover-border: #15422F;
+  --adb-primary-dark-hover-border-rgb: 21, 66, 47;
+  --adb-primary-dark-color: #ffffff;
+  --adb-primary-subtle: #D9E7E1;
+}
+
+.theme-mk {
+  --bs-primary: #5C6670;
+  --bs-primary-rgb: 92, 102, 112;
+  --bs-link-color: #5C6670;
+  --bs-link-color-rgb: 92, 102, 112;
+  --bs-link-hover-color: #434B53;
+  --bs-link-hover-color-rgb: 67, 75, 83;
+  --adb-primary-dark: #434B53;
+  --adb-primary-dark-rgb: 67, 75, 83;
+  --adb-primary-dark-border: #394047;
+  --adb-primary-dark-border-rgb: 57, 64, 71;
+  --adb-primary-dark-hover: #505963;
+  --adb-primary-dark-hover-rgb: 80, 89, 99;
+  --adb-primary-dark-hover-border: #464E57;
+  --adb-primary-dark-hover-border-rgb: 70, 78, 87;
+  --adb-primary-dark-color: #ffffff;
+  --adb-primary-subtle: #E3E6E9;
+}
+
 /*# sourceMappingURL=designsystem-default.css.map */