From abfbfe377fa94d5d36b10f039f32ca48afd4dd44 Mon Sep 17 00:00:00 2001
From: rnentjes <info@nentjes.com>
Date: Thu, 27 Jun 2024 20:08:32 +0200
Subject: [PATCH] Fixes

---
 .../nl/astraeus/vst/ui/components/BaseKnobComponent.kt      | 6 +++---
 src/jsMain/kotlin/nl/astraeus/vst/ui/css/Css.kt             | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/jsMain/kotlin/nl/astraeus/vst/ui/components/BaseKnobComponent.kt b/src/jsMain/kotlin/nl/astraeus/vst/ui/components/BaseKnobComponent.kt
index 61ee2af..c972a69 100644
--- a/src/jsMain/kotlin/nl/astraeus/vst/ui/components/BaseKnobComponent.kt
+++ b/src/jsMain/kotlin/nl/astraeus/vst/ui/components/BaseKnobComponent.kt
@@ -235,7 +235,7 @@ open class BaseKnobComponent(
     init {
       defineCss {
         select(cls(KnobCls)) {
-          position(Position.relative)
+          position(Position.absolute)
           margin(5.px)
 
           and(cls(ActiveCls)) {}
@@ -274,7 +274,7 @@ open class BaseKnobComponent(
 
         select(cls(KnobVolumeCls)) {
           plain("fill", Color.transparent)
-          //plain("stroke", Css.currentStyle.mainFontColor)
+          plain("stroke", Css.currentStyle.mainFontColor)
           color(Css.currentStyle.mainFontColor)
           plain("stroke-width", "5")
           //plain("stroke-dasharray", "4")
@@ -283,7 +283,7 @@ open class BaseKnobComponent(
 
         select(cls(KnobVolumeBackgroundCls)) {
           plain("fill", Color.transparent)
-          //plain("stroke", Css.currentStyle.mainFontColor.darken(20))
+          plain("stroke", Css.currentStyle.mainFontColor.darken(40))
           color(Css.currentStyle.mainFontColor.darken(20))
           plain("stroke-width", "5")
           //plain("stroke-dasharray", "4")
diff --git a/src/jsMain/kotlin/nl/astraeus/vst/ui/css/Css.kt b/src/jsMain/kotlin/nl/astraeus/vst/ui/css/Css.kt
index 784418c..02afd7f 100644
--- a/src/jsMain/kotlin/nl/astraeus/vst/ui/css/Css.kt
+++ b/src/jsMain/kotlin/nl/astraeus/vst/ui/css/Css.kt
@@ -62,10 +62,10 @@ object Css {
     dynamicStyleElement.innerHTML = css.generateCss(minified = CssSettings.minified)
   }
 
-  val darkStyle = StyleDefinition(
+  var darkStyle = StyleDefinition(
   )
 
-  val lightStyle = StyleDefinition(
+  var lightStyle = StyleDefinition(
     mainBackgroundColor = hsl(239+180, 50, 15),
   )