dotfiles/nyxt/stylesheet.lisp
2024-03-23 05:46:12 +01:00

148 lines
4.6 KiB
Common Lisp

;; For version 3
(in-package #:nyxt-user)
;; This only works on the versions of Nyxt after 2.2.4.
(define-configuration browser
((theme (make-instance
'theme:theme
:dark-p t
:background-color "#282a36"
:text-color "#f8f8f2"
:accent-color "#ff5555"
:primary-color "#50fa7b"
:secondary-color "#bd93f9"
:tertiary-color "#6272a4"
:quaternary-color "#44475a"))))
;; Custom Dark-mode for webpages
(define-configuration nyxt/style-mode:dark-mode
((style #.(cl-css:css
'((*
:background-color "#282a36 !important"
:background-image "none !important"
:color "#f8f8f2")
(a
:background-color "#282a36 !important"
:background-image "none !important"
:color "#6272a4 !important"))))))
;;For version 2.2.4 AND below use this:
;;
;;;; Configure Webpage Colors
;;(define-configuration window
;; ((message-buffer-style
;; (str:concat
;; %slot-default%
;; (cl-css:css
;; '((body
;; :background-color "#282a36"
;; :color "#f8f8f2")))))))
;;
;;;; Configure Prompt Section
;;(define-configuration prompt-buffer
;; ((style (str:concat
;; %slot-default%
;; (cl-css:css
;; '((body
;; :background-color "#282a36"
;; :color "#f8f8f2")
;; ("#prompt-area"
;; :background-color "#282a36")
;; ("#input"
;; :background-color "#6272a4"
;; :color "#f8f8f2")
;; (".source-name"
;; :color "#f8f8f2"
;; :background-color "#bd93f9")
;; (".source-content"
;; :background-color "#282a36")
;; (".source-content th"
;; :border "1px solid #bd93f9"
;; :background-color "#282a36")
;; ("#selection"
;; :background-color "#44475a"
;; :color "#f8f8f2")
;; (.marked :background-color "#ff5555"
;; :font-weight "bold"
;; :color "#f8f8f2")
;; (.selected :background-color "#282a36"
;; :color "#f8f8f2")))))))
;;
;;(define-configuration internal-buffer
;; ((style
;; (str:concat
;; %slot-default%
;; (cl-css:css
;; '((title
;; :color "#ff79c6")
;; (body
;; :background-color "#21222C"
;; :color "#f8f8f2")
;; (hr
;; :color "#44475a")
;; (a
;; :color "#6272a4")
;; (.button
;; :color "#f8f8f2"
;; :background-color "#44475a")))))))
;;
;;;; Configure History Tree Mode
;;(define-configuration nyxt/history-tree-mode:history-tree-mode
;; ((nyxt/history-tree-mode::style
;; (str:concat
;; %slot-default%
;; (cl-css:css
;; '((body
;; :background-color "#21222C"
;; :color "lightgray")
;; (hr
;; :color "darkgray")
;; (a
;; :color "#50fa7b")
;; ("ul li::before"
;; :background-color "#f8f8f2")
;; ("ul li::after"
;; :background-color "#f8f8f2")
;; ("ul li:only-child::before"
;; :background-color "#f8f8f2")))))))
;;
;;;; Highlight Hint Buttons
;;(define-configuration nyxt/web-mode:web-mode
;; ((nyxt/web-mode:highlighted-box-style
;; (cl-css:css
;; '((".nyxt-hint.nyxt-highlight-hint"
;; :background "#ff5555")))
;; :documentation "The style of highlighted boxes, e.g. link hints.")))
;;
;;;; Configure StatusLines Styles
;;(define-configuration status-buffer
;; ((style (str:concat
;; %slot-default%
;; (cl-css:css
;; '(("#controls"
;; :border-top "1px solid #6272a4"
;; :background-color "#21222C")
;; ("#url"
;; :background-color "#21222C"
;; :color "#f8f8f2"
;; :border-top "1px solid #6272a4")
;; ("#modes"
;; :background-color "#21222C"
;; :border-top "1px solid #6272a4")
;; ("#tabs"
;; :background-color "#6272a4"
;; :color "#f8f8f2"
;; :border-top "1px solid #6272a4")))))))
;;
;;(define-configuration nyxt/style-mode:dark-mode
;; ((style #.(cl-css:css
;; '((*
;; :background-color "#21222C !important"
;; :background-image "none !important"
;; :color "#f8f8f2")
;; (a
;; :background-color "#21222C !important"
;; :background-image "none !important"
;; :color "#556B2F !important"))))))