;; 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"))))))