From 76eccd9ec679c13213429543aeabb886a110aae3 Mon Sep 17 00:00:00 2001
From: Daniel <info@danielvaladas.com>
Date: Sun, 29 Sep 2024 01:36:09 -0400
Subject: [PATCH] Added some more css-variables

This was discusses in last co-coding to make sure we can support very different themes like light/dark/hi-contrast, etc.
---
 packages/stencil-library/src/index.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/stencil-library/src/index.html b/packages/stencil-library/src/index.html
index cfd480130..433d2c021 100644
--- a/packages/stencil-library/src/index.html
+++ b/packages/stencil-library/src/index.html
@@ -33,6 +33,11 @@
         --dnn-color-background-light: #FFF;
         --dnn-color-background-dark: #ccc;
         --dnn-color-background-contrast: #000;
+
+        --dnn-color-surface: #BBB;
+        --dnn-color-surface-light: #DDD;
+        --dnn-color-surface-dark: #999;
+        --dnn-color-surface-contrast: #000;
         
         --dnn-color-foreground: #000;
         --dnn-color-foreground-light: #333;
@@ -61,7 +66,12 @@
 
         --dnn-controls-radius: 5px;
         --dnn-controls-padding: 5px;
+        --dnn-base-font-size: 16px;
+        --dnn-color-variation-opacity: 0.2;
       }
+    body{
+      font-size: var(--dnn-base-font-size);
+    }
     section{
       margin: 15px;
       padding: 15px;