scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-719): add title colors

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-11-08 10:43:13 +01:00
parent 9ef2705f67
commit 30e31413fe
6 changed files with 66 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/TempDesignSystem/Card/card.module.css
View File

@@ -48,56 +48,48 @@
}
.themeOne {
--font-color: var(--Primary-Light-On-Surface-Text);
--script-color: var(--Primary-Light-On-Surface-Accent);
background: var(--Primary-Light-Surface-Normal);
}
.themeTwo {
--font-color: var(--Secondary-Light-On-Surface-Text);
--script-color: var(--Secondary-Light-On-Surface-Accent);
background: var(--Secondary-Light-Surface-Normal);
}
.themeThree {
--font-color: var(--Tertiary-Light-On-Surface-Text);
--script-color: var(--Tertiary-Light-On-Surface-Accent);
background: var(--Tertiary-Light-Surface-Normal);
}
.themePrimaryDark {
--font-color: var(--Primary-Dark-On-Surface-Text);
--script-color: var(--Primary-Dark-On-Surface-Accent);
background: var(--Primary-Dark-Surface-Normal);
}
.themePrimaryDim {
--font-color: var(--Primary-Dim-On-Surface-Text);
--script-color: var(--Primary-Dim-On-Surface-Accent);
background: var(--Primary-Dim-Surface-Normal);
}
.themePrimaryInverted {
--font-color: var(--Primary-Light-On-Surface-Text);
--script-color: var(--Primary-Light-On-Surface-Accent);
background: var(--Base-Surface-Primary-light-Normal);
}
.themePrimaryStrong {
--font-color: var(--Primary-Strong-On-Surface-Text);
--script-color: var(--Primary-Strong-On-Surface-Accent);
background: var(--Primary-Strong-Surface-Normal);
}
.themeImage {
--font-color: var(--Base-Text-Inverted);
--script-color: var(--Base-Text-Inverted);
}

2
components/TempDesignSystem/Card/index.tsx
View File

@@ -5,8 +5,8 @@ import Button from "@/components/TempDesignSystem/Button"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getFontColor } from "@/utils/cardFontColor"
import { getTheme } from "@/utils/cardTheme"
import { getFontColor } from "@/utils/cardTitleFontColor"
import { cardVariants } from "./variants"