adaptive theme
This commit is contained in:
parent
609681936b
commit
35dd4f829d
157
static/syntax-theme-dark.css
Normal file
157
static/syntax-theme-dark.css
Normal file
|
@ -0,0 +1,157 @@
|
|||
/*
|
||||
* theme "Base16 Ocean Dark" generated by syntect
|
||||
*/
|
||||
|
||||
.z-code {
|
||||
color: #c0c5ce;
|
||||
background-color: #2b303b;
|
||||
}
|
||||
|
||||
.z-variable.z-parameter.z-function {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
.z-comment, .z-punctuation.z-definition.z-comment {
|
||||
color: #65737e;
|
||||
}
|
||||
.z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-variable, .z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-parameters, .z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-array {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
.z-none {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
.z-keyword.z-operator {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
.z-keyword {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-variable {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-entity.z-name.z-function, .z-meta.z-require, .z-support.z-function.z-any-method {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-support.z-class, .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class {
|
||||
color: #ebcb8b;
|
||||
}
|
||||
.z-meta.z-class {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.z-keyword.z-other.z-special-method {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-storage {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-support.z-function {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-string, .z-constant.z-other.z-symbol, .z-entity.z-other.z-inherited-class {
|
||||
color: #a3be8c;
|
||||
}
|
||||
.z-constant.z-numeric {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-none {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-none {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-constant {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-entity.z-name.z-tag {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-entity.z-other.z-attribute-name {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-entity.z-other.z-attribute-name.z-id, .z-punctuation.z-definition.z-entity {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-meta.z-selector {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-none {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-markup.z-heading .z-punctuation.z-definition.z-heading, .z-entity.z-name.z-section {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-keyword.z-other.z-unit {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-markup.z-bold, .z-punctuation.z-definition.z-bold {
|
||||
color: #ebcb8b;
|
||||
font-weight: bold;
|
||||
}
|
||||
.z-markup.z-italic, .z-punctuation.z-definition.z-italic {
|
||||
color: #b48ead;
|
||||
font-style: italic;
|
||||
}
|
||||
.z-markup.z-raw.z-inline {
|
||||
color: #a3be8c;
|
||||
}
|
||||
.z-string.z-other.z-link {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-meta.z-link {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-markup.z-list {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-markup.z-quote {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-meta.z-separator {
|
||||
color: #c0c5ce;
|
||||
background-color: #4f5b66;
|
||||
}
|
||||
.z-markup.z-inserted, .z-markup.z-inserted.z-git_gutter {
|
||||
color: #a3be8c;
|
||||
}
|
||||
.z-markup.z-deleted, .z-markup.z-deleted.z-git_gutter {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-markup.z-changed, .z-markup.z-changed.z-git_gutter {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-markup.z-ignored, .z-markup.z-ignored.z-git_gutter {
|
||||
color: #4f5b66;
|
||||
}
|
||||
.z-markup.z-untracked, .z-markup.z-untracked.z-git_gutter {
|
||||
color: #4f5b66;
|
||||
}
|
||||
.z-constant.z-other.z-color {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-string.z-regexp {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-constant.z-character.z-escape {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-punctuation.z-section.z-embedded, .z-variable.z-interpolation {
|
||||
color: #ab7967;
|
||||
}
|
||||
.z-invalid.z-illegal {
|
||||
color: #2b303b;
|
||||
background-color: #bf616a;
|
||||
}
|
||||
.z-markup.z-deleted.z-git_gutter {
|
||||
color: #f92672;
|
||||
}
|
||||
.z-markup.z-inserted.z-git_gutter {
|
||||
color: #a6e22e;
|
||||
}
|
||||
.z-markup.z-changed.z-git_gutter {
|
||||
color: #967efb;
|
||||
}
|
||||
.z-markup.z-ignored.z-git_gutter {
|
||||
color: #565656;
|
||||
}
|
||||
.z-markup.z-untracked.z-git_gutter {
|
||||
color: #565656;
|
||||
}
|
157
static/syntax-theme-light.css
Normal file
157
static/syntax-theme-light.css
Normal file
|
@ -0,0 +1,157 @@
|
|||
/*
|
||||
* theme "Base16 Ocean Light" generated by syntect
|
||||
*/
|
||||
|
||||
.z-code {
|
||||
color: #4f5b66;
|
||||
background-color: #eff1f5;
|
||||
}
|
||||
|
||||
.z-variable.z-parameter.z-function {
|
||||
color: #4f5b66;
|
||||
}
|
||||
.z-comment, .z-punctuation.z-definition.z-comment {
|
||||
color: #a7adba;
|
||||
}
|
||||
.z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-variable, .z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-parameters, .z-punctuation.z-definition.z-string, .z-punctuation.z-definition.z-array {
|
||||
color: #4f5b66;
|
||||
}
|
||||
.z-none {
|
||||
color: #4f5b66;
|
||||
}
|
||||
.z-keyword.z-operator {
|
||||
color: #4f5b66;
|
||||
}
|
||||
.z-keyword {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-variable {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-entity.z-name.z-function, .z-meta.z-require, .z-support.z-function.z-any-method {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-support.z-class, .z-entity.z-name.z-class, .z-entity.z-name.z-type.z-class {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-meta.z-class {
|
||||
color: #343d46;
|
||||
}
|
||||
.z-keyword.z-other.z-special-method {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-storage {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-support.z-function {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-string, .z-constant.z-other.z-symbol, .z-entity.z-other.z-inherited-class {
|
||||
color: #a3be8c;
|
||||
}
|
||||
.z-constant.z-numeric {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-none {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-none {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-constant {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-entity.z-name.z-tag {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-entity.z-other.z-attribute-name {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-entity.z-other.z-attribute-name.z-id, .z-punctuation.z-definition.z-entity {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-meta.z-selector {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-none {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-markup.z-heading .z-punctuation.z-definition.z-heading, .z-entity.z-name.z-section {
|
||||
color: #8fa1b3;
|
||||
}
|
||||
.z-keyword.z-other.z-unit {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-markup.z-bold, .z-punctuation.z-definition.z-bold {
|
||||
color: #d08770;
|
||||
font-weight: bold;
|
||||
}
|
||||
.z-markup.z-italic, .z-punctuation.z-definition.z-italic {
|
||||
color: #b48ead;
|
||||
font-style: italic;
|
||||
}
|
||||
.z-markup.z-raw.z-inline {
|
||||
color: #a3be8c;
|
||||
}
|
||||
.z-string.z-other.z-link {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-meta.z-link {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-markup.z-list {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-markup.z-quote {
|
||||
color: #d08770;
|
||||
}
|
||||
.z-meta.z-separator {
|
||||
color: #4f5b66;
|
||||
background-color: #dfe1e8;
|
||||
}
|
||||
.z-markup.z-inserted, .z-markup.z-inserted.z-git_gutter {
|
||||
color: #a3be8c;
|
||||
}
|
||||
.z-markup.z-deleted, .z-markup.z-deleted.z-git_gutter {
|
||||
color: #bf616a;
|
||||
}
|
||||
.z-markup.z-changed, .z-markup.z-changed.z-git_gutter {
|
||||
color: #b48ead;
|
||||
}
|
||||
.z-markup.z-ignored, .z-markup.z-ignored.z-git_gutter {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
.z-markup.z-untracked, .z-markup.z-untracked.z-git_gutter {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
.z-constant.z-other.z-color {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-string.z-regexp {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-constant.z-character.z-escape {
|
||||
color: #96b5b4;
|
||||
}
|
||||
.z-punctuation.z-section.z-embedded, .z-variable.z-interpolation {
|
||||
color: #ab7967;
|
||||
}
|
||||
.z-invalid.z-illegal {
|
||||
color: #eff1f5;
|
||||
background-color: #bf616a;
|
||||
}
|
||||
.z-markup.z-deleted.z-git_gutter {
|
||||
color: #f92672;
|
||||
}
|
||||
.z-markup.z-inserted.z-git_gutter {
|
||||
color: #a6e22e;
|
||||
}
|
||||
.z-markup.z-changed.z-git_gutter {
|
||||
color: #967efb;
|
||||
}
|
||||
.z-markup.z-ignored.z-git_gutter {
|
||||
color: #565656;
|
||||
}
|
||||
.z-markup.z-untracked.z-git_gutter {
|
||||
color: #565656;
|
||||
}
|
|
@ -5,6 +5,9 @@
|
|||
<link rel="stylesheet" href="{{ get_url(path='style.css') }}">
|
||||
<link rel="stylesheet" href="{{ get_url(path='form.css') }}">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/syntax-theme-dark.css" media="(prefers-color-scheme: dark)" />
|
||||
<link rel="stylesheet" type="text/css" href="/syntax-theme-light.css" media="(prefers-color-scheme: light)" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css"
|
||||
integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" crossorigin="anonymous">
|
||||
|
||||
|
|
Loading…
Reference in a new issue