nixos/home/nyxt/theme.lisp

(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}"))))