diff options
Diffstat (limited to '.config/nyxt/style.lisp')
| -rw-r--r-- | .config/nyxt/style.lisp | 144 |
1 files changed, 144 insertions, 0 deletions
diff --git a/.config/nyxt/style.lisp b/.config/nyxt/style.lisp new file mode 100644 index 0000000..4dee682 --- /dev/null +++ b/.config/nyxt/style.lisp @@ -0,0 +1,144 @@ + +(in-package #:nyxt-user) + +;; This automatically darkens WebKit-native interfaces and sends the +;; "prefers-color-scheme: dark" to all the supporting websites. +(setf (uiop:getenv "GTK_THEME") "Adwaita:dark") + +;; badger colorscheme, from doom-themes +(defvar badger-bg "#171717") +(defvar badger-bg-alt "#2f2f2f") +(defvar badger-base-01 "#1D1D1D") +(defvar badger-base-04 "#433F4f") +(defvar badger-fg "#F6F3E8") +(defvar badger-red "#E2434C") +(defvar badger-orange "#EA9847") +(defvar badger-green "#86B187") +(defvar badger-teal "#65A399") +(defvar badger-yellow "#E0D063") +(defvar badger-blue "#8AC6F2") +(defvar badger-magenta "#E18Cbb") +(defvar badger-violet "#BF93C3") +(defvar badger-dark-cyan "#5699AF") +(defvar badger-dark-violet "#635770") +(defvar badger-olive "#9AA68E") +(defvar badger-dull-red "#A55662") + + +(defvar old-hope-red "#ea3d54") +(defvar old-hope-bg "#1c1d20") +(defvar old-hope-bg-alt "#151619") + +(defvar monokai-dark-blue "#727280") +(defvar monokai-orange "#FD971F") + +(defvar gruvbox-red "#fb4934") +(defvar gruvbox-orange "#fe8019") + +(defvar bg-magenta-intense "#7030af") +(defvar bg-red-subtle "#620f2a") +(defvar bg-green-subtle "#00422a") +(defvar bg-yellow-nuanced "#381d0f") +(defvar lavendar-bg "#38325c") + +(defvar default-dark-theme + (make-instance 'theme:theme + :background-color- "#333333" + :background-color "#121212" + :background-color+ "#000000" + :primary-color- "#d7752f" + :primary-color "#e48d4e" + :primary-color+ "#efa671" + :secondary-color- "#9f592d" + :secondary-color "#844115" + :secondary-color+ "#683008" + :action-color- "#763df2" + :action-color "#571fd2" + :action-color+ "#481fa2" + :highlight-color- "#ea43dd" + :highlight-color "#f46de8" + :highlight-color+ "#fc83f2" + :success-color- "#05f4cd" + :success-color "#4cfbcf" + :success-color+ "#87fcdf" + :warning-color- "#fca904" + :warning-color "#fcba04" + :warning-color+ "#ffd152" + :codeblock-color- "#44355a" + :codeblock-color "#2e243d" + :codeblock-color+ "#221a2d" + :text-color- "#dedede" + :text-color "#ededed" + :text-color+ "#ffffff" + :contrast-text-color "#0c0c0d")) + +(defvar thanos/dark-theme + (make-instance 'theme:theme + :background-color- badger-bg-alt + :background-color badger-bg + :background-color+ gruvbox-orange + + :primary-color- "red" + :primary-color badger-base-04 + :primary-color+ "#efa671" + + :secondary-color- "#9f592d" + :secondary-color badger-bg-alt + :secondary-color+ "#683008" + + :action-color- gruvbox-red + :action-color gruvbox-red + :action-color+ gruvbox-red + + :highlight-color- "#ea43dd" + :highlight-color badger-orange + :highlight-color+ "#fc83f2" + + :success-color- "#05f4cd" + :success-color badger-green + :success-color+ "#87fcdf" + + :warning-color- "red" + :warning-color badger-red + :warning-color+ "red" + + :codeblock-color- "red" + :codeblock-color badger-bg-alt + + :text-color- badger-fg + :text-color badger-fg + :text-color+ badger-fg + + :contrast-text-color badger-fg + + :font-family "Jetbrains Mono" + :monospace-font-family "Jetbrains Mono")) + +(define-configuration browser + ((theme thanos/dark-theme + :doc + "Covers all the semantic groups (warning-color, codeblock-color etc.) +Note that you can also define more nuanced colors, like warning-color+, so +that the interface gets even nicer. Otherwise Nyxt generates the missing colors +automatically, which should be good enough... for most cases."))) + +(define-configuration nyxt/mode/style:dark-mode + ((style + (theme:themed-css (theme *browser*) + ;; `(h1 :color ,monokai-dark-blue "!important") + ;; `(h2 :color ,badger-orange "!important") + ;; `(h3 :color ,badger-green "!important") + ;; `(article :background-color "red" "!important" + ;; :color "red" "!important") + ;; `(header :color "red") + `(a :background-color "#000000" "!important" + :background-image none "!important" + :color ,badger-blue "!important") + `(* :background-color "#000000" "!important" + :color "#ffffff" "!important" + :background-image none "!important!") + `(video :background-color none "!important")))) + :doc + "Notice the use of theme:themed-css for convenient theme color injection.") + + |