nyxt: Rename modules as keys & style

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.")
+
+