summaryrefslogtreecommitdiff
path: root/.config/nyxt/style.lisp
blob: c1b13042209a7b033a1275eb7698c96c5be29567 (about) (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
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"
	  :background-image none "!important"
	  :color "#ffffff" "!important"
	  :background-image none "!important!"))))
  :doc
  "Notice the use of theme:themed-css for convenient theme color injection.")