diff --git a/frontend/src/ts/constants/themes.ts b/frontend/src/ts/constants/themes.ts index 9a67df9430de..d8fc8f85d151 100644 --- a/frontend/src/ts/constants/themes.ts +++ b/frontend/src/ts/constants/themes.ts @@ -1132,6 +1132,18 @@ export const themes: Record> = { subColor: "#0476f2", textColor: "#f0f0f0", }, + adwaita_dark: { + bgColor: "#222226", + mainColor: "#81d0ff", + subColor: "#7b7b7b", + textColor: "#ffffff", + }, + adwaita_light: { + bgColor: "#fafafb", + mainColor: "#a2326c", + subColor: "#8b8b8b", + textColor: "#333338", + }, }; export const ThemesList: Theme[] = Object.keys(themes) diff --git a/frontend/static/themes/adwaita_dark.css b/frontend/static/themes/adwaita_dark.css new file mode 100644 index 000000000000..a9520e13badf --- /dev/null +++ b/frontend/static/themes/adwaita_dark.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #222226; + --main-color: #81d0ff; + --caret-color: #ffffff; + --sub-color: #7b7b7b; + --sub-alt-color: #2e2e32; + --text-color: #ffffff; + --error-color: #ff938c; + --error-extra-color: #ffc252; + --colorful-error-color: #ff938c; + --colorful-error-extra-color: #ffc252; +} diff --git a/frontend/static/themes/adwaita_light.css b/frontend/static/themes/adwaita_light.css new file mode 100644 index 000000000000..40772031a500 --- /dev/null +++ b/frontend/static/themes/adwaita_light.css @@ -0,0 +1,12 @@ +:root { + --bg-color: #fafafb; + --main-color: #a2326c; + --caret-color: #333338; + --sub-color: #8b8b8b; + --sub-alt-color: #ebebed; + --text-color: #333338; + --error-color: #c30000; + --error-extra-color: #905400; + --colorful-error-color: #c30000; + --colorful-error-extra-color: #905400; +} diff --git a/packages/schemas/src/themes.ts b/packages/schemas/src/themes.ts index ace96ba0a33c..0496f489dcb0 100644 --- a/packages/schemas/src/themes.ts +++ b/packages/schemas/src/themes.ts @@ -190,6 +190,8 @@ export const ThemeNameSchema = z.enum( "witch_girl", "pale_nimbus", "spiderman", + "adwaita_dark", + "adwaita_light", ], { errorMap: customEnumErrorHandler("Must be a known theme"),