From e3779d9a6eff51ad5e5f8a9fae51f7f56702c892 Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Mon, 2 Dec 2024 17:10:30 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20update=20color=20palet?= =?UTF-8?q?te?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Discussed IRL with Robin and Natan. Previous iteration wasn't appropriated for a visioconference tool. Try a trade off between nice colors and DSFR. We will probably continue to iterate on these. --- src/frontend/panda.config.ts | 42 ++++++++++++++++++------------------ 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/frontend/panda.config.ts b/src/frontend/panda.config.ts index 7346589b..d46f89b8 100644 --- a/src/frontend/panda.config.ts +++ b/src/frontend/panda.config.ts @@ -96,16 +96,16 @@ const config: Config = { colors: defineTokens.colors({ ...pandaPreset.theme.tokens.colors, primaryDark: { - 50: { value: '#1B1B35' }, - 100: { value: '#2B2B5B' }, - 200: { value: '#3B3B81' }, - 300: { value: '#4A4AA8' }, - 400: { value: '#5A5ACE' }, - 500: { value: '#6A6AF4' }, - 600: { value: '#8585F6' }, - 700: { value: '#CACAFB' }, - 800: { value: '#E3E3FB' }, - 900: { value: '#ECECFE' }, + 50: { value: '#161622' }, + 100: { value: '#2D2D46' }, + 200: { value: '#43436A' }, + 300: { value: '#5A5A8F' }, + 400: { value: '#7070B3' }, + 500: { value: '#8787D7' }, + 600: { value: '#9D9DDF' }, + 700: { value: '#B3B3E7' }, + 800: { value: '#C9C9EE' }, + 900: { value: '#DFDFF6' }, 950: { value: '#F5F5FE' }, action: { value: '#C1C1FB' }, }, @@ -141,17 +141,17 @@ const config: Config = { 1000: { value: '#161616' }, }, error: { - 100: {value: '#391C1C'}, - 200: {value: '#412121'}, - 300: {value: '#642626'}, - 400: {value: '#CE0500'}, - 500: {value: '#F60700'}, - 600: {value: '#FF5655'}, - 700: {value: '#FFBDBD'}, - 800: {value: '#FFDDDD'}, - 900: {value: '#FFE9E9'}, - 950: {value: '#FFF4F4'}, - } + 100: { value: '#261212' }, + 200: { value: '#6C302E' }, + 300: { value: '#983533' }, + 400: { value: '#CA3632' }, + 500: { value: '#EF413D' }, + 600: { value: '#EE6A66' }, + 700: { value: '#F28D8A' }, + 800: { value: '#F6AFAD' }, + 900: { value: '#FAD2D1' }, + 950: { value: '#FFF4F4' }, + }, }), animations: {}, blurs: {},