From 861b4c957f6a8cb22c4daea190c654d2548ad118 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Mon, 27 Sep 2021 08:35:02 +0200 Subject: [PATCH] Allow for customization of compound colors MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- res/themes/light-custom/css/_custom.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/res/themes/light-custom/css/_custom.scss b/res/themes/light-custom/css/_custom.scss index 455798a556..fe8c869fcb 100644 --- a/res/themes/light-custom/css/_custom.scss +++ b/res/themes/light-custom/css/_custom.scss @@ -16,6 +16,25 @@ limitations under the License. $font-family: var(--font-family, $font-family); $monospace-font-family: var(--font-family-monospace, $monospace-font-family); + +// Colors from Figma Compound https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=559%3A741 +$accent: var(--accent); +$alert: var(--alert); +$links: var(--links); +$primary-content: var(--primary-content); +$secondary-content: var(--secondary-content); +$tertiary-content: var(--tertiary-content); +$quaternary-content: var(--quaternary-content); +$quinary-content: var(--quinary-content); +$system: var(--system); +$background: var(--background); +$panels: rgba($system, 0.9); +$panel-base: var(--panel-base); // This color is not intended for use in the app +$panel-selected: rgba($panel-base, 0.3); +$panel-hover: rgba($panel-base, 0.1); +$panel-actions: rgba($panel-base, 0.2); +$space-nav: rgba($panel-base, 0.1); + // // --accent-color $accent-color: var(--accent-color);