From ac928225f9caa741799b7dbf0edc8e5c27d4b5ea Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Wed, 31 Aug 2022 21:21:54 +0200
Subject: [PATCH] Showcase use of palette-of function

The #{...} syntax is required only because the use cases are CSS var definitions. In other cases a simple palette-of(keyword, theme) would suffice.
---
 qt/aqt/data/web/css/reviewer-bottom.scss | 2 +-
 sass/buttons.scss                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/qt/aqt/data/web/css/reviewer-bottom.scss b/qt/aqt/data/web/css/reviewer-bottom.scss
index 1cb56868b..72d408981 100644
--- a/qt/aqt/data/web/css/reviewer-bottom.scss
+++ b/qt/aqt/data/web/css/reviewer-bottom.scss
@@ -5,7 +5,7 @@
  @use "sass/card-counts";
 
 :root {
-    --focus-color: color(button-focus);
+    --focus-color: #{palette-of(button-focus)};
 
     .isMac {
         --focus-color: rgba(0 103 244 / 0.247);
diff --git a/sass/buttons.scss b/sass/buttons.scss
index 32c58fcfb..c4fffedef 100644
--- a/sass/buttons.scss
+++ b/sass/buttons.scss
@@ -2,7 +2,7 @@
 @use "fusion-vars";
 
 :root {
-    --focus-color: color(button-focus);
+    --focus-color: #{palette-of(button-focus)};
 
     .isMac {
         --focus-color: rgba(0 103 244 / 0.247);