[Darkside] Quality assurance P4 (#3518)

* 💄 Adjust bg transparency * 💄 Default border now same scale as roles
navikt · Jan 28, 2025 · a7db426 · a7db426
1 parent 68a2f02
commit a7db426
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/@navikt/core/css/darkside/button.darkside.css b/@navikt/core/css/darkside/button.darkside.css
@@ -161,7 +161,7 @@
 * .navds-button--secondary-neutral *
  **************************/
 .navds-button--secondary-neutral {
-  --__axc-button-border-color: var(--ax-border-strong);
+  --__axc-button-border-color: var(--ax-border-default);
 
   background-color: transparent;
   color: var(--ax-text-default);
@@ -180,7 +180,7 @@
   }
 
   &:is(:disabled, .navds-button--disabled) {
-    --__axc-button-border-color: var(--ax-border-strong);
+    --__axc-button-border-color: var(--ax-border-default);
 
     color: var(--ax-text-default);
     background-color: transparent;

diff --git a/@navikt/core/css/darkside/expansioncard.darkside.css b/@navikt/core/css/darkside/expansioncard.darkside.css
@@ -1,6 +1,6 @@
 .navds-expansioncard {
   --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
-  --__axc-expansioncard-padding-block: var(--ax-space-16);
+  --__axc-expansioncard-padding-block: var(--ax-space-20);
   --__axc-expansioncard-padding-inline: var(--ax-space-20);
 
   border-radius: var(--ax-border-radius-xlarge);
@@ -17,7 +17,7 @@
 /* ------------------------ ExpansionCard Small-size ------------------------ */
 .navds-expansioncard--small {
   --__axc-expansioncard-padding-inline: var(--ax-space-16);
-  --__axc-expansioncard-padding-block: var(--ax-space-12);
+  --__axc-expansioncard-padding-block: var(--ax-space-16);
 
   & > .navds-expansioncard__header .navds-expansioncard__title--small {
     margin-top: var(--ax-space-2);
@@ -45,7 +45,7 @@
   justify-content: space-between;
 
   &:hover {
-    background-color: var(--ax-bg-hover);
+    background-color: var(--ax-bg-hoverA);
   }
 
   &[data-open="true"] {
@@ -55,7 +55,7 @@
     /* Divider between header and content */
     &::after {
       content: "";
-      background-color: var(--ax-border-subtle);
+      background-color: var(--ax-border-subtleA);
       bottom: 0;
       left: var(--__axc-expansioncard-padding-inline);
       height: 1px;

diff --git a/@navikt/core/tokens/darkside/tokens/semantic.ts b/@navikt/core/tokens/darkside/tokens/semantic.ts
@@ -136,7 +136,7 @@ export function semanticTokenConfig(theme: ColorTheme) {
     },
     border: {
       default: {
-        value: "{ax.neutral.500.value}",
+        value: "{ax.neutral.600.value}",
         type: "color",
         group: "border",
       },