/*
    Name:     Kimbie (dark)
    Author:   Jan T. Sott
    License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
    URL:      https://github.com/idleberg/Kimbie-highlight.js
    
    代码块颜色样式
*/

/* 新添加的內容
  ------------------------------------- 
  --hl-color                  代碼框字體顔色 【必須】 (把下面.hljs的 color複製到這裏來)
  --hl-bg                     代碼框背景色 【必須】 (把下面.hljs的 background複製到這裏來)
  --hltools-bg: #321a0f       代碼框頂部工具欄背景色 【可選】(如果你關掉了 copy、lang 和 shrink,可不用配置這個）
  --hltools-color: #fff       代碼框頂部工具欄字體顔色 【可選】(如果你關掉了 copy、lang 和 shrink,可不用配置這個）
  --hlnumber-bg: #221a0f      代碼框行數背景色 【可選】(如果已經關掉 line_number,可以不用配置這個)
  --hlnumber-color: #fff      代碼框行數字體顔色 【可選】 (如果已經關掉 line_number,可以不用配置這個)
  --hlscrollbar-bg: #d3af86   代碼框滾動條顔色 【可選】（默認為主題主顔色）
  --hlexpand-bg: #d3af86      代碼框底部展開背景色 【可選】(如果已經關掉 highlight_height_limit,可以不用配置這個)
*/

:root {
    --hl-color: #dbdbdb;
    --hl-bg: #2b2b2b;
    --hltools-bg: #333;
    --hltools-color: rgb(180, 180, 180);
    --hlnumber-bg: #333;
    --hlnumber-color: rgb(204, 204, 204);
    --hlscrollbar-bg: #cccccc;
    --hlexpand-bg: #c7c7c7;
  }
  
  /* Kimbie Comment */
  .hljs-comment,
  .hljs-quote {
    color: #d6baad;
  }
  
  /* Kimbie Red */
  .hljs-variable,
  .hljs-template-variable,
  .hljs-tag,
  .hljs-name,
  .hljs-selector-id,
  .hljs-selector-class,
  .hljs-regexp,
  .hljs-meta {
    color: #dc3958;
  }
  
  /* Kimbie Orange */
  .hljs-number,
  .hljs-built_in,
  .hljs-builtin-name,
  .hljs-literal,
  .hljs-type,
  .hljs-params,
  .hljs-deletion,
  .hljs-link {
    color: #f79a32;
  }
  
  /* Kimbie Yellow */
  .hljs-title,
  .hljs-section,
  .hljs-attribute {
    color: #f06431;
  }
  
  /* Kimbie Green */
  .hljs-string,
  .hljs-symbol,
  .hljs-bullet,
  .hljs-addition {
    color: #889b4a;
  }
  
  /* Kimbie Purple */
  .hljs-keyword,
  .hljs-selector-tag,
  .hljs-function {
    color: #98676a;
  }
  
  /* 更改的內容 把.hljs改為 #article-container figure.highlight .hljs *、
  /* ------------------------------------- */
  #article-container figure.highlight .hljs {
    display: block;
    overflow-x: auto;
    background: #2b2b2b;
    color: #d3af86;
    padding: 0.5em;
  }
  
  .hljs-emphasis {
    font-style: italic;
  }
  
  .hljs-strong {
    font-weight: bold;
  }
  
  #article-container figure.highlight .code pre .line {
    color:rgb(255, 218, 218)
  }
  #article-container figure.highlight .code pre .line .tag {
    color:#b4ce5e
  }
  #article-container figure.highlight .line .name {
    color:#c3ff00
  }
  #article-container figure.highlight .line .attr {
    color:#ffb980
  }
  #article-container figure.highlight .line .string {
    color:#84fff9
  }
  #article-container figure.highlight .code pre .line .keyword{
    color:#c3ff00
  }
  #article-container figure.highlight .code pre .line .title{
    color:#e9d2ff
  }
  #article-container figure.highlight .code pre .line .comment{
    color:#f0ffe9
  }

  #article-container figure.highlight .hljs {
    color:rgb(247, 236, 236)
  }
  #article-container figure.highlight .hljs .hljs-tag {
    color:#b4ce5e
  }
  #article-container figure.highlight .hljs .hljs-name {
    color:#c3ff00
  }
  #article-container figure.highlight .hljs .hljs-attr {
    color:#ffb980
  }
  #article-container figure.highlight .hljs .hljs-string {
    color:#84fff9
  }
  #article-container figure.highlight .hljs .hljs-keyword{
    color:#c3ff00
  }
  #article-container figure.highlight .hljs .hljs-title{
    color:#debbff
  }
  #article-container figure.highlight .hljs .hljs-comment{
    color:#d3ffbe
  }
  #article-container figure.highlight .hljs .hljs-variable{
    color:#ffc290
  }
  #article-container figure.highlight .hljs .hljs-number{
    color:#9ecbff
  }
  #article-container figure.highlight .hljs .hljs-literal{
    color:#fffc31
  }