search

tom-ai / sophia-website

Portfolio website for Sophia, a viola and violin session musician based in Manchester, UK.
https://www.sophiadignam.co.uk
1 stars 1 forks source link

harmony colors #22

Closed tom-ai closed 9 months ago

tom-ai commented 9 months ago
  1. Get colour from Figma - https://www.figma.com/file/FIoT7viVE09y2Uqy46F2Ew/Harmony%3A-Accessible-UI-Color-Palette-(Community)?type=design&node-id=72-8323&mode=design&t=4pda9xPcmYnZvE7m-0
  2. Convert to HEX - https://oklch.com/#71.88,0.152,240,100
  3. Apply to config
colors: {
            primary: {
              DEFAULT: "#0c8aca", // primary
              // foreground: "#ECEDEE", // text on primary
            },
            secondary: {
              DEFAULT: "#9572cd", // secondary
              // foreground: "", // text on secondary
            },
            warning: {
              DEFAULT: "#d7b75e", // warning
              // foreground: "", text on warning
            },
            background: "#000000", // background
            foreground: "#ECEDEE", // text on background
            focus: "#2caff9", // focus
            // default: "", // "base"
          },