Logseq solarized theme | Logseq 护眼色主题

custom.css

/* Color begin via: [logseq/custom.css](https://gist.github.com/madawei2699/61cf9601a443df21a9fabb282723936c)
 */
:root{
  --base03:    #002b36;
  --base02:    #073642;
  --base01:    #586e75;
  --base00:    #657b83;
  --base0:     #839496;
  --base1:     #93a1a1;
  --base2:     #eee8d5;
  --base3:     #fdf6e3;
  --yellow:    #b58900;
  --orange:    #cb4b16;
  --red:       #dc322f;
  --magenta:   #d33682;
  --violet:    #6c71c4;
  --blue:      #268bd2;
  --cyan:      #2aa198;
  --green:     #859900;
  /* via: https://ethanschoonover.com/solarized */
  --sakura:     #FEDFE1;
  --ginnezumi:  #91989F;
  --nae:        #A8D8B9;
  --ouchi:      #9B90C2;
  --shironeri:  #FCFAF2;
  /* via: https://nipponcolors.com/#{name} */
  --cache:      #DDD6C1;
}
.light-theme, html[data-theme="light"]{
  --ls-primary-background-color: var(--base3);
  --ls-secondary-background-color: var(--base2);
  --ls-tertiary-background-color: var(--cache);
  --ls-page-properties-background-color: var(--base2);
  --ls-page-inline-code-bg-color: var(--base2);
  --ls-block-properties-background-color: var(--base2);
  --color-level-1: var(--base2);
  --color-level-2: var(--cache);
  --color-level-3: var(--base2);
  --ls-page-checkbox-color: var(--nae);
  --ls-page-blockquote-bg-color: var(--shironeri);
  --ls-page-blockquote-border-color: var(--base0);
  --ls-selection-background-color: var(--cache);
  --ls-a-chosen-bg: var(--cache);
  --ls-quaternary-background-color: var(--cache);
  --ls-table-tr-even-background-color: var(--base2);
  /* --ls-slide-background-color: var(--base3); */
}
.form-input{
  background-color: var(--base2);
}
/* Color end */


/* Font begin via: https://discuss.logseq.com/t/specify-indentation-type-changing-the-default-font/2703/3
 */
:root {
  font-size: 16px !important;
  line-height: 1.6;
  /* --ct-text-size: 18px; */
  --ct-line-height: 1.6;
  --ls-font-family: LXGW WenKai Light;
  --ct-page-title-font-family: var(--ls-font-family);
  --ct-code-font-family: LXGW WenKai Mono, JetBrains Mono, inconsolata, monospace;
}
/* Font end*/

#app-container,
#main-container {
	background-image: url(http://unpkg.com/bgzo/img/texture.png);
	background-repeat: repeat;
}

The CSS code above consists of three parts: Color, Font and Background Image. I think it is already clear in the code. So any question welcome to comment.

Finally, the logseq would look like this:

NOTE: The css of tag was not included in above, if someone needs, I would attach it ;)