3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 21:08:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Add css variables and theme switch

Browse source
This commit is contained in:
Eva 2023-03-01 16:00:34 +01:00 • committed by Alonso Torres
parent b77f85b697
commit adffdb31f3
42 changed files with 225 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/resources/styles/common/refactor/themes/default-theme.scss Normal file
View file

@ -0,0 +1,18 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC
:root {
--color-background-primary: var(--dark-gray-1);
--color-background-secondary: var(--dark-gray-2);
--color-background-tertiary: var(--dark-gray-3);
--color-background-quaternary: var(--dark-gray-4);
--color-foreground-primary: var(--white);
--color-foreground-secondary: var(--off-white);
--accent-primary: var(--green);
--accent-primary-muted: var(--green-30);
--accent-secondary: var(--lilac);
--accent-tertiary: var(--strong-green);
}

18
frontend/resources/styles/common/refactor/themes/light-theme.scss Normal file
View file

@ -0,0 +1,18 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC
.light {
--color-background-primary: var(--light-gray-1);
--color-background-secondary: var(--light-gray-2);
--color-background-tertiary: var(--light-gray-3);
--color-background-quaternary: var(--light-gray-4);
--color-foreground-primary: var(--black);
--color-foreground-secondary: var(--off-black);
--accent-primary: var(--purple);
--accent-primary-muted: var(--purple-30);
--accent-secondary: var(--blue);
--accent-tertiary: var(--strong-purple);
}