96 lines
4.0 KiB
CSS
96 lines
4.0 KiB
CSS
.org-comment { color: #b22222; }
|
|
.org-string { color: #8b2252; }
|
|
.org-keyword { color: #a020f0; }
|
|
.org-builtin { color: #483d8b; }
|
|
.org-constant { color: #008b8b; }
|
|
.org-function-name { color: #0000ff; }
|
|
.org-variable-name { color: sienna; }
|
|
.org-type { color: #228b22; }
|
|
.org-preprocessor { color: #483d8b; }
|
|
.org-doc { color: #8b2252; }
|
|
.org-warning { color: #ff8c00; font-weight: 700; }
|
|
|
|
:root[data-theme="dark-academia"] {
|
|
--syntax-comment: #a97861;
|
|
--syntax-string: #c99572;
|
|
--syntax-keyword: #d6b566;
|
|
--syntax-builtin: #b99b63;
|
|
--syntax-constant: #7fb092;
|
|
--syntax-function: #e8cf91;
|
|
--syntax-variable: #d0a35c;
|
|
--syntax-type: #8fbf9f;
|
|
--syntax-warning: #d58a55;
|
|
}
|
|
|
|
:root[data-theme="dark-academia"] .org-comment { color: var(--syntax-comment); }
|
|
:root[data-theme="dark-academia"] .org-string { color: var(--syntax-string); }
|
|
:root[data-theme="dark-academia"] .org-keyword { color: var(--syntax-keyword); }
|
|
:root[data-theme="dark-academia"] .org-builtin { color: var(--syntax-builtin); }
|
|
:root[data-theme="dark-academia"] .org-constant { color: var(--syntax-constant); }
|
|
:root[data-theme="dark-academia"] .org-function-name { color: var(--syntax-function); }
|
|
:root[data-theme="dark-academia"] .org-variable-name { color: var(--syntax-variable); }
|
|
:root[data-theme="dark-academia"] .org-type { color: var(--syntax-type); }
|
|
:root[data-theme="dark-academia"] .org-preprocessor { color: var(--syntax-builtin); }
|
|
:root[data-theme="dark-academia"] .org-doc { color: var(--syntax-string); }
|
|
:root[data-theme="dark-academia"] .org-warning { color: var(--syntax-warning); }
|
|
|
|
:not(pre) > code{
|
|
padding: 2px 5px; margin: 0 1px;
|
|
border: 1px solid var(--border); border-radius: 3px;
|
|
background-clip: padding-box;
|
|
color: var(--fg); font-size: 80%;
|
|
}
|
|
pre {
|
|
background-color: var(--bg);
|
|
}
|
|
|
|
.org-src-container{
|
|
border: 1px solid var(--border);
|
|
box-shadow: 3px 3px 3px color-mix(in oklab, #000 8%, transparent);
|
|
font-family: Lucida Console, monospace;
|
|
font-size: 80%;
|
|
margin: 1em auto;
|
|
padding: .1em .5em;
|
|
position: relative;
|
|
}
|
|
.org-src-container > pre{ overflow: auto; }
|
|
|
|
.org-src-container > pre:before{
|
|
display: block; position: absolute; top: 0; right: 0;
|
|
background-color: var(--surface-soft); color: var(--fg);
|
|
padding: 0 .5em; border-bottom-left-radius: 8px; border: 0;
|
|
font-size: 80%;
|
|
}
|
|
.org-src-container > pre.src-bash:before { content: "bash"; }
|
|
.org-src-container > pre.src-sh:before { content: "sh"; }
|
|
.org-src-container > pre.src-shell:before { content: "shell"; }
|
|
.org-src-container > pre.src-python:before { content: "Python"; }
|
|
.org-src-container > pre.src-emacs-lisp:before { content: "Emacs Lisp"; }
|
|
.org-src-container > pre.src-js:before,
|
|
.org-src-container > pre.src-javascript:before { content: "Javascript"; }
|
|
.org-src-container > pre.src-typescript:before { content: "Typescript"; }
|
|
.org-src-container > pre.src-html:before { content: "HTML"; }
|
|
.org-src-container > pre.src-css:before { content: "CSS"; }
|
|
.org-src-container > pre.src-c:before { content: "C"; }
|
|
.org-src-container > pre.src-cpp:before { content: "C++"; }
|
|
.org-src-container > pre.src-java:before { content: "Java"; }
|
|
.org-src-container > pre.src-rust:before { content: "Rust"; }
|
|
.org-src-container > pre.src-R:before { content: "R"; }
|
|
|
|
.copy-btn{
|
|
position: absolute; top: .4em; right: .4em;
|
|
background-color: var(--code-bg); color: var(--heading);
|
|
border: 1px solid var(--heading); border-radius: 4px;
|
|
padding: .2em .6em; font-size: .8rem; cursor: pointer; z-index: 10;
|
|
transition: background-color .3s;
|
|
}
|
|
.copy-btn:hover{ background-color: var(--heading); color: var(--code-bg); }
|
|
|
|
pre.src::before{ content: none !important; }
|
|
pre.src{
|
|
padding: 1.5em 1em 1em;
|
|
font-family: "Fira Mono","Courier New",monospace;
|
|
font-size: .9rem; line-height: 1.4;
|
|
overflow-x: auto; white-space: pre-wrap;
|
|
}
|