(defvar custom-theme (make-instance 'theme:theme :dark-p t :background-color- "#181825" ; "#303240" -> base01 :background-color "#1e1e2e" ; "#282A36" -> base00 :background-color+ "#181825" ; "#1E2029" -> base01 :on-background-color "#cdd6f4" ; "#F7FBFC" -> base05 :primary-color- "#b4befe" ; "#679BCF" -> accent (base07) :primary-color "#b4befe" ;"#789FE8" -> accent (base07) :primary-color+ "#b4befe" ;"#7FABD7" -> accent (base07) :on-primary-color "#181825" ; "#0C0C0D" -> base01 :secondary-color- "#45475a" ; "#44475A" -> base03 :secondary-color "#45475a" ; "#44475A" -> base03 :secondary-color+ "#45475a" ; "#535A6E" -> base03 :on-secondary-color "#cdd6f4" ; "#F7FBFC" -> base05 :action-color- "#94e2d5" ; "#6BE194" -> cyan :action-color "#94e2d5" ; "#4FDB71" :action-color+ "#94e2d5" ; "#27BF4C" :on-action-color "#181825" ; "#0C0C0D" -> base01 :success-color- "#a6e3a1" ; "#86D58E" -> green :success-color "#a6e3a1" ; "#8AEA92" :success-color+ "#a6e3a1" ; "#71FE7D" :on-success-color "#181825" ; "#0C0C0D" -> base01 :highlight-color- "#cba6f7" ; "#EA43DD" -> magenta :highlight-color "#cba6f7" ; "#F45DE8" :highlight-color+ "#cba6f7" ; "#FC83F2" :on-highlight-color "#181825" ; "#0C0C0D" -> base01 :warning-color- "#f9e2af" ; "#FCA904" -> yellow :warning-color "#f9e2af" ; "#FCBA04" :warning-color+ "#f9e2af" ; "#FFD152" :on-warning-color "#181825" ; "#0C0C0D" -> base01 :codeblock-color- "#313244" ; "#3C5FAA" -> base02 :codeblock-color "#313244" ; "#355496" :codeblock-color+ "#313244" ; "#2D4880" :on-codeblock-color "#cdd6f4" ; "#F7FBFC" -> base05 )) (define-configuration browser ((theme custom-theme))) ;; Old stylix-based theme, to re-implement at some point ;; (define-configuration ;; browser ;; ((theme (make-instance ;; 'theme:theme ;; :dark-p t ;; :font-family "${fonts.sansSerif.name}" ;; :monospace-font-family "${fonts.monospace.name}" ;; :text-color "${base05}" ;; :text-color+ "${base05}" ;; :text-color- "${base05}" ;; :contrast-text-color "${base00}" ;; :background-color "${base00}" ;; :background-color+ "${base00}" ;; :background-color- "${base00}" ;; :on-background-color "${base05}" ;; :accent-color "${accent}" ;; :accent-color+ "${accent}" ;; :accent-color- "${accent}" ;; :on-accent-color "${base00}" ;; :primary-color "${accent}" ;; :primary-color+ "${accent}" ;; :primary-color- "${accent}" ;; :on-primary-color "${base00}" ;; :secondary-color "${base03}" ;; :secondary-color+ "${base03}" ;; :secondary-color- "${base03}" ;; :on-secondary-color "${base05}" ;; :warning-color "${base08}" ;; :warning-color+ "${base08}" ;; :warning-color- "${base08}" ;; :on-warning-color "${base00}" ;; :highlight-color "${base0A}" ;; :highlight-color+ "${base0A}" ;; :highlight-color- "${base0A}" ;; :on-highlight-color "${base00}" ;; :action-color "${base0D}" ;; :action-color+ "${base0D}" ;; :action-color- "${base0D}" ;; :on-action-color "${base00}" ;; :codeblock-color "${base01}" ;; :codeblock-color+ "${base01}" ;; :codeblock-color- "${base01}" ;; :on-codeblock-color "${base05}"))))