Properties instead of colors for theme options in install generator

Also include default properties for dark variant. REDMINE-20845, REDMINE-19604
codevise · Nov 26, 2024 · 4bbd540 · 4bbd540
1 parent df96d3d
commit 4bbd540
Showing 1 changed file with 26 additions and 11 deletions.
diff --git a/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/themes_plugin.rb.tt b/entry_types/scrolled/lib/generators/pageflow_scrolled/install/templates/themes_plugin.rb.tt
@@ -9,17 +9,32 @@ class ScrolledThemesPlugin
                              widget: '"Source Sans Pro", sans-serif'
                            },
                            custom_theme_icons: <%= @custom_theme_icons %>,
-                           colors: {
-                             accent: '#e10028',
-                             widget: {
-                               surface: '#fff',
-                               on_surface: '#000',
-                               primary: '#00375a',
-                               on_primary: '#fff',
-                               secondary: '#c2c2c2',
-                               on_seconday: '#000',
-                               background: 'rgba(255, 255, 255, 0.95)',
-                               on_background: '#000'
+                           properties: {
+                             root: {
+                               accent_color: '#e10028',
+                               widget_surface_color: '#fff',
+                               widget_on_surface_color: '#000',
+                               widget_primary_color: '#00375a',
+                               widget_on_primary_color: '#fff',
+                               widget_secondary_color: '#c2c2c2',
+                               widget_on_seconday_color: '#000',
+                               widget_background_color: 'rgb(255 255 255 / .95)',
+                               widget_on_background_color: '#000',
+                             },
+
+                             dark: {
+                               accent_color: '#ff8097',
+                               widget_surface_color: '#000',
+                               widget_surface_backdrop_blur: '5px',
+                               widget_surface_opacity: '70%',
+                               widget_on_surface_color: '#eee',
+                               widget_primary_color: '#fff',
+                               widget_on_primary_color: '#000',
+                               widget_background_color: 'rgb(0 0 0 / .65)',
+                               widget_background_backdrop_blur: '5px',
+                               widget_on_background_color: '#eee',
+                               default_navigation_separator_color: 'rgb(255 255 255 / .1)',
+                               default_navigation_progress_bar_background_color: 'rgb(0 0 0 / .5)',
                              }
                            },
                            logo_alt_text: 'Pageflow',