scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
cc60cf2903e99c36ec01deb315511acde90ba2de
web/packages/design-system/lib/styles/scandic.js
Erik Tiekstra 4de24e9f2a feat(BOOK-391): Added theme and logos for Bassin Seven 
* chore: Updated border-radius variables after import change

Approved-by: Linus Flood
2026-01-22 07:03:25 +00:00

355 lines
15 KiB
JavaScript
Raw Blame History

/* This file is generated, do not edit manually! */
export const theme = {
"Scandic/Grey/00": "#F9F6F4",
"Scandic/Grey/10": "#EBE8E6",
"Scandic/Grey/20": "#D6D2D0",
"Scandic/Grey/30": "#C2BDBA",
"Scandic/Grey/40": "#A8A4A2",
"Scandic/Grey/50": "#8C8987",
"Scandic/Grey/60": "#787472",
"Scandic/Grey/70": "#635F5D",
"Scandic/Grey/80": "#57514E",
"Scandic/Grey/90": "#403937",
"Scandic/Grey/100": "#26201E",
"Scandic/Red/00": "#FFEBEB",
"Scandic/Red/10": "#F7C1C2",
"Scandic/Red/20": "#F79499",
"Scandic/Red/30": "#F26B74",
"Scandic/Red/40": "#ED4251",
"Scandic/Red/50": "#E32034",
"Scandic/Red/Default": "#CD0921",
"Scandic/Red/70": "#AD0015",
"Scandic/Red/80": "#8D0011",
"Scandic/Red/90": "#6D000D",
"Scandic/Red/100": "#4D001B",
"Scandic/Peach/00": "#FFF3ED",
"Scandic/Peach/10": "#F7E1D5",
"Scandic/Peach/20": "#F4D5C8",
"Scandic/Peach/30": "#F0C1B6",
"Scandic/Peach/40": "#E9ABA3",
"Scandic/Peach/50": "#DE9490",
"Scandic/Peach/60": "#CD797C",
"Scandic/Peach/70": "#B05B65",
"Scandic/Peach/80": "#8F4350",
"Scandic/Peach/90": "#642636",
"Scandic/Peach/100": "#4D0F25",
"Scandic/Beige/00": "#FAF6F2",
"Scandic/Beige/10": "#F2ECE6",
"Scandic/Beige/20": "#E3D9D1",
"Scandic/Beige/30": "#D1C4BA",
"Scandic/Beige/40": "#B8A79A",
"Scandic/Beige/50": "#9C8A7E",
"Scandic/Beige/60": "#806E63",
"Scandic/Beige/70": "#6B584D",
"Scandic/Beige/80": "#533F35",
"Scandic/Beige/90": "#3E2B23",
"Scandic/Beige/100": "#291710",
"Scandic/Green/00": "#F3FCE8",
"Scandic/Green/10": "#E1F3CA",
"Scandic/Green/20": "#D2EDAF",
"Scandic/Green/30": "#ACDB8A",
"Scandic/Green/40": "#7CB865",
"Scandic/Green/50": "#539E49",
"Scandic/Green/60": "#348337",
"Scandic/Green/70": "#256931",
"Scandic/Green/80": "#164E29",
"Scandic/Green/90": "#093021",
"Scandic/Green/100": "#091F16",
"Scandic/Blue/00": "#E8F6FF",
"Scandic/Blue/10": "#CFEBFF",
"Scandic/Blue/20": "#B5E0FF",
"Scandic/Blue/30": "#93C9F5",
"Scandic/Blue/40": "#79AEE7",
"Scandic/Blue/50": "#5B8FD4",
"Scandic/Blue/60": "#3F6DBD",
"Scandic/Blue/70": "#284EA0",
"Scandic/Blue/80": "#18347F",
"Scandic/Blue/90": "#0D1F5F",
"Scandic/Blue/100": "#0D1440",
"Scandic/Yellow/00": "#FFF8E3",
"Scandic/Yellow/10": "#FFF0C2",
"Scandic/Yellow/20": "#FADE89",
"Scandic/Yellow/30": "#F7CE52",
"Scandic/Yellow/40": "#EDB532",
"Scandic/Yellow/50": "#E59515",
"Scandic/Yellow/60": "#D17308",
"Scandic/Yellow/70": "#A85211",
"Scandic/Yellow/80": "#7D370F",
"Scandic/Yellow/90": "#4F2313",
"Scandic/Yellow/100": "#301508",
"Title/lg/Letter spacing": 0.12,
"Title/lg/Font fallback": "sans-serif",
"Title/lg/Text-Transform": "uppercase",
"Title/md/Letter spacing": 0.09,
"Title/md/Font fallback": "sans-serif",
"Title/sm/Letter spacing": 0.07,
"Title/sm/Font fallback": "sans-serif",
"Title/sm/Text-Transform": "uppercase",
"Title/Decorative/lg/Letter spacing": 0.64,
"Title/Decorative/lg/Font fallback": "sans-serif",
"Title/Decorative/lg/Text-Transform": "none",
"Title/Decorative/md/Letter spacing": 0.48,
"Title/Decorative/md/Font fallback": "sans-serif",
"Title/Decorative/md/Text-Transform": "none",
"Title/Subtitle/lg/Font fallback": "sans-serif",
"Title/Subtitle/lg/Letter spacing": 0.24,
"Title/Subtitle/md/Font fallback": "sans-serif",
"Title/Subtitle/md/Letter spacing": 0.2,
"Title/Overline/sm/Letter spacing": 0.64,
"Title/Overline/sm/Font fallback": "sans-serif",
"Title/Overline/sm/Text-Transform": "uppercase",
"Title/sm/LowCase/Letter spacing": 0.07,
"Title/sm/LowCase/Font fallback": "sans-serif",
"Title/sm/LowCase/Text-Transform": "none",
"Title/xs/Letter spacing": 0.06,
"Title/xs/Font fallback": "sans-serif",
"Title/xs/Text-Transform": "uppercase",
"Title/md/Text-Transform": "uppercase",
"Title/md/LowCase/Letter spacing": 0.09,
"Title/md/LowCase/Font fallback": "sans-serif",
"Title/md/LowCase/Text-Transform": "none",
"Tag/Letter spacing": 0.2,
"Tag/Font fallback": "sans-serif",
"Tag/Text-Transform": "uppercase",
"Link/md/Font fallback": "sans-serif",
"Link/md/Letter spacing": 0.19,
"Link/md/Text-Decoration": "underline",
"Link/sm/Font fallback": "sans-serif",
"Link/sm/Letter spacing": 0.2,
"Link/sm/Text-Decoration": "underline",
"Body/Lead text/Font fallback": "sans-serif",
"Body/Paragraph/Font fallback": "sans-serif",
"Body/Paragraph/Letter spacing": 0.19,
"Body/Supporting text/Font fallback": "sans-serif",
"Body/Supporting text/Letter spacing": 0.2,
"Body/Lead text/Letter spacing": 0.2,
"Label/Font fallback": "sans-serif",
"Label/Letter spacing": 0.17,
"Body/Underline/md/Font fallback": "sans-serif",
"Body/Underline/md/Letter spacing": 0.19,
"Body/Underline/md/Text-Decoration": "underline",
"Body/Underline/sm/Font fallback": "sans-serif",
"Body/Underline/sm/Letter spacing": 0.2,
"Body/Underline/sm/Text-Decoration": "underline",
"Utilities/Gradients/10": "#F2ECE61A",
"Font family/Scandic/Title": "Brandon Text",
"Font family/Scandic/Body": "Fira sans",
"Font family/Scandic/Decorative": "Biro Script Plus",
"Title/lg/Font weight": 900,
"Title/lg/Font family": "Brandon Text",
"Title/md/Font weight": 900,
"Title/md/Font family": "Brandon Text",
"Title/sm/Font weight": 900,
"Title/sm/Font family": "Brandon Text",
"Title/sm/LowCase/Font weight": 450,
"Title/sm/LowCase/Font family": "Brandon Text",
"Title/Decorative/lg/Font weight": 400,
"Title/Decorative/lg/Font family": "Biro Script Plus",
"Title/Decorative/md/Font weight": 400,
"Title/Decorative/md/Font family": "Biro Script Plus",
"Title/Subtitle/lg/Font weight": 500,
"Title/Subtitle/lg/Font family": "Fira sans",
"Title/Subtitle/md/Font weight": 500,
"Title/Subtitle/md/Font family": "Fira sans",
"Title/Overline/sm/Font weight": 450,
"Title/Overline/sm/Font family": "Brandon Text",
"Title/xs/Font weight": 900,
"Title/xs/Font family": "Brandon Text",
"Title/md/LowCase/Font weight": 450,
"Title/md/LowCase/Font family": "Brandon Text",
"Tag/Font weight": 450,
"Tag/Font family": "Brandon Text",
"Link/md/Font weight": 500,
"Link/md/Font family": "Fira sans",
"Link/sm/Font weight": 500,
"Link/sm/Font family": "Fira sans",
"Body/Lead text/Font weight": 400,
"Body/Lead text/Font family": "Fira sans",
"Body/Paragraph/Font weight": 400,
"Body/Paragraph/Font weight 2": 500,
"Body/Paragraph/Font family": "Fira sans",
"Body/Supporting text/Font weight": 400,
"Body/Supporting text/Font weight 2": 500,
"Body/Supporting text/Font family": "Fira sans",
"Label/Font weight": 400,
"Label/Font weight 2": 500,
"Label/Font family": "Fira sans",
"Body/Underline/md/Font weight": 400,
"Body/Underline/md/Font family": "Fira sans",
"Body/Underline/sm/Font weight": 400,
"Body/Underline/sm/Font family": "Fira sans",
"Text/Heading": "#4D001B",
"Text/Default": "#26201E",
"Text/Secondary": "#57514E",
"Text/Tertiary": "#787472",
"Text/Accent Primary": "#CD0921",
"Text/Inverted": "#FFFFFF",
"Text/Interactive/Default": "#4D001B",
"Text/Interactive/Hover": "#8F4350",
"Text/Interactive/Secondary": "#8F4350",
"Text/Interactive/Secondary Hover": "#4D001B",
"Text/Interactive/Inverted Hover": "#FFFFFFB3",
"Text/Interactive/Disabled": "#A8A4A2",
"Text/Interactive/Focus": "#57514E",
"Text/Interactive/Error": "#AD0015",
"Text/Interactive/Placeholder": "#787472",
"Text/Brand/OnAccent/Heading": "#4D001B",
"Text/Feedback/Information": "#284EA0",
"Text/Feedback/Succes": "#348337",
"Text/Feedback/Warning": "#D17308",
"Text/Feedback/Error": "#AD0015",
"Text/Feedback/Neutral": "#787472",
"Text/Brand/OnAccent/Default": "#26201E",
"Text/Brand/OnAccent/Accent": "#8F4350",
"Text/Brand/OnAccent/Accent Secondary": "#8F4350",
"Text/Brand/OnPrimary 1/Heading": "#4D001B",
"Text/Brand/OnPrimary 1/Default": "#26201E",
"Text/Brand/OnPrimary 1/Hover": "#403937",
"Text/Brand/OnPrimary 1/Accent": "#CD0921",
"Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
"Text/Brand/OnPrimary 2/Default": "#FFFFFF",
"Text/Brand/OnPrimary 2/Accent": "#F7E1D5",
"Text/Brand/OnPrimary 3/Heading": "#F7E1D5",
"Text/Brand/OnPrimary 3/Default": "#FFFFFF",
"Text/Brand/OnPrimary 3/Accent": "#DE9490",
"Background/Primary": "#FAF6F2",
"Background/Secondary": "#FFFFFF",
"Surface/Primary/Default": "#FFFFFF",
"Surface/Primary/Hover": "#1F1C1B0D",
"Surface/Primary/Hover Light": "#1F1C1B1A",
"Surface/Primary/Hover Accent": "#F7E1D5",
"Surface/Primary/OnSurface/Default": "#F9F6F4",
"Surface/Primary/Disabled": "#1F1C1B1A",
"Surface/Secondary/Default": "#F2ECE6",
"Surface/Secondary/Subtle": "#E3D9D1",
"Surface/Secondary/Hover": "#1F1C1B1A",
"Surface/Brand/Accent/Default": "#F0C1B6",
"Surface/Brand/Accent/OnAccent/Default": "#4D001B",
"Surface/Brand/Accent/OnAccent/Accent": "#CD0921",
"Surface/Brand/Accent/OnAccent/Accent Secondary": "#8F4350",
"Surface/Brand/Primary 1/Default": "#F7E1D5",
"Surface/Brand/Primary 1/OnSurface/Default": "#4D001B",
"Surface/Brand/Primary 1/OnSurface/Accent": "#CD0921",
"Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#8F4350",
"Surface/Brand/Primary 2/Default": "#CD0921",
"Surface/Brand/Primary 2/OnSurface/Default": "#4D001B",
"Surface/Brand/Primary 2/OnSurface/Accent": "#F7E1D5",
"Surface/Brand/Primary 3/Default": "#4D001B",
"Surface/Brand/Primary 3/OnSurface/Default": "#F7E1D5",
"Surface/Brand/Primary 3/OnSurface/Accent": "#CD0921",
"Surface/UI Fill/Default": "#FFFFFF",
"Surface/UI Fill/Intense": "#26201E",
"Surface/UI Fill/Active": "#4D0F25",
"Surface/UI Fill/Active Hover": "#FFFFFF1A",
"Surface/UI Fill/Disabled": "#1F1C1B1A",
"Surface/Accent/1": "#8D0011",
"Surface/Accent/2": "#3F6DBD",
"Surface/Accent/3": "#256931",
"Surface/Accent/4": "#E59515",
"Surface/Accent/5": "#18347F",
"Surface/Feedback/Information": "#284EA0",
"Surface/Feedback/Information light": "#E8F6FF",
"Surface/Feedback/Succes": "#348337",
"Surface/Feedback/Succes light": "#F3FCE8",
"Surface/Feedback/Warning": "#D17308",
"Surface/Feedback/Warning light": "#FFF8E3",
"Surface/Feedback/Error": "#AD0015",
"Surface/Feedback/Error light": "#FFEBEB",
"Surface/Feedback/Neutral": "#787472",
"Surface/Feedback/Neutral light": "#EBE8E6",
"Border/Default": "#E3D9D1",
"Border/Strong": "#B8A79A",
"Border/Inverted": "#FFFFFF",
"Icon/Default": "#57514E",
"Icon/Intense": "#26201E",
"Icon/Accent": "#B05B65",
"Icon/Interactive/Default": "#4D001B",
"Icon/Interactive/Secondary": "#8F4350",
"Icon/Interactive/Accent": "#CD0921",
"Icon/Interactive/Inverted Hover": "#FFFFFFB3",
"Icon/Interactive/Disabled": "#A8A4A2",
"Icon/Interactive/Placeholder": "#787472",
"Icon/Feedback/Information": "#284EA0",
"Icon/Feedback/Success": "#348337",
"Icon/Feedback/Warning": "#D17308",
"Icon/Feedback/Error": "#AD0015",
"Icon/Feedback/Neutral": "#57514E",
"Icon/Inverted": "#FFFFFF",
"Overlay/10": "#1F1C1B1A",
"Overlay/20": "#1F1C1B33",
"Overlay/30": "#1F1C1B4D",
"Overlay/40": "#1F1C1B66",
"Overlay/60": "#1F1C1B99",
"Overlay/80": "#1F1C1BCC",
"Overlay/90": "#1F1C1BE6",
"Component/Button/Brand/Primary/Fill/Default": "#CD0921",
"Component/Button/Brand/Primary/Fill/Hover": "#1F1C1B33",
"Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
"Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
"Component/Button/Brand/Primary/On fill/Disabled": "#A8A4A2",
"Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
"Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
"Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
"Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
"Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
"Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
"Component/Button/Brand/Secondary/Fill/Hover Inverted": "#4D001B",
"Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Secondary/On fill/Default": "#4D001B",
"Component/Button/Brand/Secondary/On fill/Hover": "#8F4350",
"Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
"Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
"Component/Button/Brand/Secondary/On fill/Disabled": "#A8A4A2",
"Component/Button/Brand/Secondary/Border/Default": "#4D001B",
"Component/Button/Brand/Secondary/Border/Hover": "#8F4350",
"Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
"Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
"Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/Fill/Default": "#4D001B",
"Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
"Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
"Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
"Component/Button/Brand/Tertiary/On fill/Disabled": "#A8A4A2",
"Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
"Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
"Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
"Component/Button/Inverted/Fill/Default": "#FFFFFF",
"Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
"Component/Button/Inverted/Fill/Hover": "#1F1C1B0D",
"Component/Button/Inverted/Fill/Hover Inverted": "#4D001B",
"Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
"Component/Button/Inverted/Border/Default": "#FFFFFF00",
"Component/Button/Inverted/Border/Hover": "#FFFFFF00",
"Component/Button/Inverted/Border/Disable": "#FFFFFF00",
"Component/Button/Inverted/On fill/Default": "#4D001B",
"Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
"Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
"Component/Button/Inverted/On fill/Disabled": "#A8A4A2",
"Border/Interactive/Default": "#9C8A7E",
"Border/Divider/Default": "#E3D9D1",
"Border/Divider/Subtle": "#F2ECE6",
"Border/Divider/Accent": "#F0C1B6",
"Border/Divider/Brand/OnAccent/Default": "#8F4350",
"Border/Divider/Brand/OnPrimary 1/Default": "#E9ABA3",
"Border/Divider/Brand/OnPrimary 2/Default": "#AD0015",
"Border/Divider/Brand/OnPrimary 3/Default": "#8F4350",
"Border/Interactive/Active": "#6B584D",
"Border/Interactive/Focus": "#26201E",
"Border/Interactive/Disabled": "#A8A4A2",
"Border/Interactive/Error": "#AD0015",
"Component/Button/Muted/Fill/Default": "#FFFFFF00",
"Component/Button/Muted/Fill/Hover": "#FFFFFF0D",
"Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
"Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
"Component/Button/Muted/Fill/Disabled inverted": "#1F1C1B1A",
"Component/Button/Muted/On fill/Default": "#57514E",
"Component/Button/Muted/On fill/Inverted": "#FFFFFF",
"Component/Button/Muted/On fill/Hover Inverted": "#6D000D",
"Component/Button/Muted/On fill/Disabled": "#A8A4A2",
"Component/Button/Muted/Border/Default": "#FFFFFF00",
"Component/Button/Muted/Border/Hover": "#FFFFFF00",
"Component/Button/Muted/Border/Disable": "#FFFFFF00",
}
Reference in New Issue View Git Blame Copy Permalink