mirror of
https://git.sr.ht/~azikx/userstyles
synced 2024-10-30 07:26:19 +00:00
update
This commit is contained in:
parent
523cd53c16
commit
fb0bae26db
251
logsec/base16-paradise.css
Normal file
251
logsec/base16-paradise.css
Normal file
|
@ -0,0 +1,251 @@
|
|||
/* Paradise theme by azikx */
|
||||
|
||||
:root {
|
||||
--base00: #151515;
|
||||
--base01: #1F1F1F;
|
||||
--base02: #2E2E2E;
|
||||
--base03: #424242;
|
||||
--base04: #BBB6B6;
|
||||
--base05: #E8E3E3;
|
||||
--base06: #E8E3E3;
|
||||
--base07: #E8E3E3;
|
||||
--base08: #B66467;
|
||||
--base09: #D9BC8C;
|
||||
--base0A: #D9BC8C;
|
||||
--base0B: #8C977D;
|
||||
--base0C: #8AA6A2;
|
||||
--base0D: #8DA3B9;
|
||||
--base0E: #A988B0;
|
||||
--base0F: #BBB6B6;
|
||||
|
||||
--button-blue: var(--base0C);
|
||||
--button-gray-1: var(--base05);
|
||||
--button-gray-2: var(--base06);
|
||||
--button-gray-3: var(--base07);
|
||||
}
|
||||
|
||||
.dark-theme {
|
||||
--ls-primary-background-color: var(--base00);
|
||||
--ls-secondary-background-color: var(--base01);
|
||||
--ls-tertiary-background-color: var(--ls-secondary-background-color);
|
||||
--ls-search-background-color: var(--ls-primary-background-color);
|
||||
--ls-border-color: var(--base03);
|
||||
--ls-menu-hover-color: var(--ls-secondary-background-color);
|
||||
--ls-primary-text-color: var(--base05);
|
||||
--ls-secondary-text-color: var(--base06);
|
||||
--ls-title-text-color: var(--base0D);
|
||||
--ls-link-text-color: var(--base09);
|
||||
--ls-link-text-hover-color: var(--base0A);
|
||||
--ls-link-ref-text-color: var(--ls-link-text-color);
|
||||
--ls-block-bullet-border-color: var(--base02);
|
||||
--ls-block-bullet-color: var(--base0A);
|
||||
--ls-block-highlight-color: var(--base02);
|
||||
--ls-page-checkbox-color: var(--base01);
|
||||
--ls-page-checkbox-border-color: var(--ls-primary-background-color);
|
||||
--ls-page-blockquote-color: var(--ls-tertiary-backgorund-color);
|
||||
--ls-page-blockquote-border-color: var(--ls-secondary-text-color);
|
||||
--ls-page-inline-code-color: var(--ls-primary-text-color);
|
||||
--ls-page-inline-code-bg-color: var(--base01);
|
||||
--ls-scrollbar-color: var(--base00);
|
||||
--ls-scrollbar-thumb-hover-color: #b4b4b466;
|
||||
--ls-head-text-color: var(--ls-link-text-color);
|
||||
--ls-icon-color: var(--base05);
|
||||
--ls-search-icon-color: var(--ls-link-text-color);
|
||||
--ls-a-chosen-bg: var(--ls-secondary-background-color);
|
||||
}
|
||||
|
||||
.dark-theme .form-checkbox {
|
||||
background-color: var(--base00);
|
||||
border-color: var(--base04);
|
||||
}
|
||||
|
||||
mark {
|
||||
background: var(--base0A);
|
||||
color: var(--base00);
|
||||
}
|
||||
|
||||
.dark-theme .focus\:shadow-outline:focus {
|
||||
box-shadow: 0 0 0 3px var(--base0A);
|
||||
}
|
||||
|
||||
.dark-theme tr:nth-child(odd) {
|
||||
background-color: var(--base01);
|
||||
}
|
||||
|
||||
.dark-theme tr:nth-child(even) {
|
||||
background-color: var(--base02);
|
||||
}
|
||||
|
||||
.dark-theme th {
|
||||
color: var(--base05);
|
||||
border-bottom: 2px solid var(--base03);
|
||||
}
|
||||
|
||||
.dark-theme .non-block-editor textarea,
|
||||
.dark-theme pre,
|
||||
.dark-theme pre.code {
|
||||
background: var(--base01);
|
||||
}
|
||||
|
||||
.dark-theme .block-children {
|
||||
border-left: 1px solid var(--base02);
|
||||
}
|
||||
|
||||
.dark-theme .non-block-editor textarea,
|
||||
.dark-theme pre,
|
||||
.dark-theme pre.code .dark-theme #right-sidebar .non-block-editor textarea,
|
||||
.dark-theme #right-sidebar pre,
|
||||
.dark-theme #right-sidebar pre.code {
|
||||
background: var(--base01);
|
||||
}
|
||||
|
||||
.dark-theme .block-children {
|
||||
border-left: 1px solid var(--base01);
|
||||
}
|
||||
|
||||
.text-gray-500 {
|
||||
color: var(--base01);
|
||||
}
|
||||
|
||||
#right-sidebar .bg-base-2 {
|
||||
background-color: var(--base01);
|
||||
}
|
||||
|
||||
#right-sidebar .bg-base-4 {
|
||||
background-color: var(--base00);
|
||||
}
|
||||
|
||||
/** CodeMirror **/
|
||||
.cm-s-default .CodeMirror {
|
||||
background: var(--base00);
|
||||
color: var(--base05);
|
||||
}
|
||||
|
||||
.cm-s-default div.CodeMirror-selected {
|
||||
background: var(--base02);
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-line::selection,
|
||||
.cm-s-default .CodeMirror-line>span::selection,
|
||||
.cm-s-default .CodeMirror-line>span>span::selection {
|
||||
background: rgba(73, 72, 62, .99);
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-line::-moz-selection,
|
||||
.cm-s-default .CodeMirror-line>span::-moz-selection,
|
||||
.cm-s-default .CodeMirror-line>span>span::-moz-selection {
|
||||
background: rgba(73, 72, 62, .99);
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-gutters {
|
||||
background: var(--base00);
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-guttermarker {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-guttermarker-subtle {
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-linenumber {
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-cursor {
|
||||
border-left: 1px solid #f8f8f0;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-comment {
|
||||
color: var(--base03);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-atom {
|
||||
color: var(--base0E);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-number {
|
||||
color: var(--base0E);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-comment.cm-attribute {
|
||||
color: #97b757;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-comment.cm-def {
|
||||
color: #bc9262;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-comment.cm-tag {
|
||||
color: #bc6283;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-comment.cm-type {
|
||||
color: #5998a6;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-property,
|
||||
.cm-s-default span.cm-attribute {
|
||||
color: var(--base0B);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-keyword {
|
||||
color: var(--base08);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-builtin {
|
||||
color: var(--base0D);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-string {
|
||||
color: #e6db74;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-variable {
|
||||
color: var(--base05);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-variable-2 {
|
||||
color: #9effff;
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-variable-3,
|
||||
.cm-s-default span.cm-type {
|
||||
color: var(--base0D);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-def {
|
||||
color: var(--base09);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-bracket {
|
||||
color: var(--base05);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-tag {
|
||||
color: var(--base08);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-header {
|
||||
color: var(--base0E);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-link {
|
||||
color: var(--base0E);
|
||||
}
|
||||
|
||||
.cm-s-default span.cm-error {
|
||||
background: var(--base08);
|
||||
color: #f8f8f0;
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-activeline-background {
|
||||
background: #373831;
|
||||
}
|
||||
|
||||
.cm-s-default .CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important;
|
||||
}
|
Loading…
Reference in a new issue