;; 1. doom-themesをrequireする
(require 'doom-themes)

;; 2. def-doom-themeでオレオレthemeを定義する
(def-doom-theme my-electron-highlighter-syntax
  "My electron highlighter syntax theme."

  ;; 3. background, foreground, base0-8のthemeを定義
  ;; (名前      '("#RGB"   "256" "16" )) の並びになっています。
  ;; 256と16はソース読んでないのと試してないので設定する必要がわからないですが、
  ;; ターミナルから利用する場合などに利用されてるんじゃないでしょうか🤗
  ((bg         '("#202735" nil   nil ))
   (bg-alt     '("#191B20" nil   nil ))
   (base0      '("#141619" nil   nil ))
   (base1      '("#23262C" nil   nil ))
   (base2      '("#343840" nil   nil ))
   (base3      '("#444A55" nil   nil ))
   (base4      '("#555B6A" nil   nil ))
   (base5      '("#666D7E" nil   nil ))
   (base6      '("#767F93" nil   nil ))
   (base7      '("#8791A8" nil   nil ))
   (base8      '("#97A3BC" nil   nil ))
   (fg         '("#a8b5d1" nil   nil ))
   (fg-alt     '("#506686" nil   nil ))

   ;; 4. color themeを定義
   (grey       base4)
   (red        '("#ff5874" nil   nil ))
   (orange     '("#ffbf7a" nil   nil ))
   (green      '("#6af699" nil   nil ))
   (teal       '("#4db5bd" nil   nil ))
   (yellow     '("#fffa9e" nil   nil ))
   (blue       '("#82aaff" nil   nil ))
   (dark-blue  '("#2257A0" nil   nil ))
   (magenta    '("#c678dd" nil   nil ))
   (violet     '("#c792ea" nil   nil ))
   (cyan       '("#4ff2f8" nil   nil ))
   (dark-cyan  '("#5699AF" nil   nil ))

   ;; 5. face categoriesを定義
   ;; 各モードで利用するカラーを設定してあげます
   ;; なんとなくまあ名前から察せるのかと
   (highlight      blue)
   (vertical-bar   (doom-darken base1 0.2))
   (selection      dark-blue)
   (builtin        magenta)
   (comments       base7)
   (doc-comments   (doom-lighten dark-cyan 0.25))
   (constants      violet)
   (functions      magenta)
   (keywords       blue)
   (methods        cyan)
   (operators      blue)
   (type           yellow)
   (strings        cyan)
   (variables      fg)
   (numbers        orange)
   (region         `(,(doom-blend (car bg) (car magenta) 0.8) ,@(doom-lighten (cdr base1) 0.35)))
   (error          red)
   (warning        yellow)
   (success        green)
   (vc-modified    orange)
   (vc-added       green)
   (vc-deleted     red)

   ;; 6. (任意)custom categoriesを定義
   ;; 他doomでdefualtで設定している部分を設定してあげたい場合はここで
   (modeline-fg     nil))

  ;; 7. (任意)個別で設定したいmodeのfaceを定義
   ;; 各modeで個別に設定したい場合はこちらで設定！
  ((css-proprietary-property :foreground orange)
   (css-property             :foreground green)
   (css-selector             :foreground blue))
  )