mirror of
https://code.mensbeam.com/MensBeam/Arsse.git
synced 2024-12-22 21:22:40 +00:00
Code blocks are now properly themed
This commit is contained in:
parent
f102992d20
commit
a24bfa0683
2 changed files with 59 additions and 9 deletions
2
docs/theme/arsse/arsse.css
vendored
2
docs/theme/arsse/arsse.css
vendored
File diff suppressed because one or more lines are too long
64
docs/theme/src/arsse.scss
vendored
64
docs/theme/src/arsse.scss
vendored
|
@ -6,7 +6,6 @@
|
|||
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/_typography.scss";
|
||||
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/_components.scss";
|
||||
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/_homepage.scss";
|
||||
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/vendor/highlight.scss";
|
||||
@import "../../../vendor-bin/daux/vendor/daux/daux.io/themes/daux/scss/_print.scss" print;
|
||||
|
||||
|
||||
|
@ -71,12 +70,6 @@
|
|||
--beige: #e8d5d3;
|
||||
--green: #2c9a42;
|
||||
|
||||
/* --dark-gray: #7c868d;
|
||||
--gray: #a3aaae;
|
||||
--light-gray: #c2c6c9;
|
||||
--lighter-gray: #dad9d7;
|
||||
--lightest-gray: color(var(--lighter-gray) blend(#fff 50%)); */
|
||||
|
||||
--dark-gray: color(var(--beige) blend(var(--blue) 50%));
|
||||
--gray: color(var(--beige) blend(var(--blue) 25%));
|
||||
--light-gray: color(var(--beige) blend(var(--blue) 12.5%));
|
||||
|
@ -271,6 +264,63 @@ ul.TableOfContents {
|
|||
}
|
||||
}
|
||||
|
||||
.hljs, .s-content pre {
|
||||
background: var(--blue);
|
||||
color: var(--beige);
|
||||
}
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-comment, .hljs-quote {
|
||||
color: #978e9c;
|
||||
}
|
||||
|
||||
/* Green */
|
||||
.hljs-keyword, .hljs-selector-tag, .hljs-addition {
|
||||
color: #acb39a;
|
||||
}
|
||||
|
||||
/* Cyan */
|
||||
.hljs-number, .hljs-string, .hljs-meta .hljs-meta-string, .hljs-literal, .hljs-doctag, .hljs-regexp {
|
||||
color: var(--light-blue);
|
||||
}
|
||||
|
||||
/* Blue */
|
||||
.hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class {
|
||||
color: #82b7e5;
|
||||
}
|
||||
|
||||
/* Yellow */
|
||||
.hljs-attribute, .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-class .hljs-title, .hljs-type {
|
||||
color: #c5b031;
|
||||
}
|
||||
|
||||
/* Orange */
|
||||
.hljs-symbol, .hljs-bullet, .hljs-subst, .hljs-meta, .hljs-meta .hljs-keyword, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-link {
|
||||
color: #ea8031;
|
||||
}
|
||||
|
||||
/* Red */
|
||||
.hljs-built_in, .hljs-deletion {
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.hljs-formula {
|
||||
background: #686986;
|
||||
}
|
||||
|
||||
@media (--viewport-large) {
|
||||
.Columns__left {
|
||||
border: 0;
|
||||
|
|
Loading…
Reference in a new issue