mirror of
https://github.com/aljazceru/omakub.git
synced 2025-12-19 05:24:19 +01:00
Move to configs
This commit is contained in:
@@ -1,309 +0,0 @@
|
|||||||
:root {
|
|
||||||
--accent-color: #aeb1b5; /* #'s before H1-3 */
|
|
||||||
--background-color: white;
|
|
||||||
--border-color: #ddd;
|
|
||||||
--code-bg-color: #f8f8f8;
|
|
||||||
--font-color: #42464c;
|
|
||||||
--header-color: #222324;
|
|
||||||
--link-color: #2077b2;
|
|
||||||
--control-text-color: #667176;
|
|
||||||
--side-bar-bg-color: #fafafa;
|
|
||||||
--body-font: iAWriterMonoS-Regular, monospace, Roboto;
|
|
||||||
--border-radius: 2px;
|
|
||||||
--document-horizontal-margin: 80px;
|
|
||||||
--document-padding-x: 10ch;
|
|
||||||
--font-size: 20px;
|
|
||||||
--h1-fontsize: 20px; /* 1,5 rem = 24px */
|
|
||||||
--h2-fontsize: 20px; /* 1,375 rem = 22px */
|
|
||||||
--h3-fontsize: 20px; /* 1,25 rem = 20px */
|
|
||||||
--h4-fontsize: 20px; /* 1,125 rem = 18px */
|
|
||||||
--line-height: 1.8;
|
|
||||||
--main-content-margin: 0 auto;
|
|
||||||
--main-content-max-width: 85ch;
|
|
||||||
--monospace-font-size: 20px;
|
|
||||||
--monospace-font: iAWriterMonoS-Regular, monospace;
|
|
||||||
--monospace-line-height: 1.6;
|
|
||||||
--monospace: var(--monospace-font); /* Fixes source code mode */
|
|
||||||
--nav-width: 200px;
|
|
||||||
--vertical-padding: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Narrow layout styles */
|
|
||||||
@media (max-width: 640px) {
|
|
||||||
:root {
|
|
||||||
--document-padding-x: 4ch;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-size: var(--font-size);
|
|
||||||
background-color: var(--background-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
color: var(--font-color);
|
|
||||||
font-family: var(--body-font);
|
|
||||||
line-height: var(--line-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
#write {
|
|
||||||
/* size of writing area: */
|
|
||||||
padding-left: var(--document-padding-x);
|
|
||||||
padding-right: var(--document-padding-x);
|
|
||||||
max-width: var(--main-content-max-width);
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ---------------------
|
|
||||||
* Block Elements
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* yaml */
|
|
||||||
pre.md-meta-block {
|
|
||||||
background-color: var(--background-color);
|
|
||||||
padding-bottom: .5rem;
|
|
||||||
color: var(--accent-color);
|
|
||||||
border-bottom: 2px solid var(--border-color);
|
|
||||||
font-family: var(--monospace-font);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* headings */
|
|
||||||
h1, h2, h3 {
|
|
||||||
font-weight: bold;
|
|
||||||
color: var(--header-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-size: var(--h1-fontsize);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1:not(:first-child) {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 0rem;
|
|
||||||
font-size: var(--h2-fontsize);
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 0rem;
|
|
||||||
font-size: var(--h3-fontsize);
|
|
||||||
}
|
|
||||||
|
|
||||||
h4, h5, h6 {
|
|
||||||
color: var(--header-color);
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 0rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: var(--h4-fontsize);
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
color: var(--control-text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1::before,
|
|
||||||
h2::before,
|
|
||||||
h3::before {
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: right;
|
|
||||||
width: 5ch;
|
|
||||||
padding-right: 1ch;
|
|
||||||
margin-left: -5ch;
|
|
||||||
color: var(--accent-color);
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1::before {
|
|
||||||
content: '#';
|
|
||||||
}
|
|
||||||
|
|
||||||
h2::before {
|
|
||||||
content: '##';
|
|
||||||
}
|
|
||||||
|
|
||||||
h3::before {
|
|
||||||
content: '###';
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 tt,
|
|
||||||
h1 code {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
h2 tt,
|
|
||||||
h2 code {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
h3 tt,
|
|
||||||
h3 code {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
h4 tt,
|
|
||||||
h4 code {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
h5 tt,
|
|
||||||
h5 code {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
h6 tt,
|
|
||||||
h6 code {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* table */
|
|
||||||
table {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
table tr:nth-child(2n),
|
|
||||||
thead {
|
|
||||||
background-color: var(--side-bar-bg-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
border-style: solid;
|
|
||||||
border-color: var(--border-color);
|
|
||||||
border-width: 1px;
|
|
||||||
padding: .35rem .7rem
|
|
||||||
}
|
|
||||||
|
|
||||||
li p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.task-list {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.task-list-item {
|
|
||||||
padding-left: 1.5em;
|
|
||||||
margin-bottom: 0rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
#write input[type='checkbox'] {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 1rem 0;
|
|
||||||
padding-left: 2ch;
|
|
||||||
margin-left: .5ch;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
border-left: 2px solid var(--border-color);
|
|
||||||
color: var(--accent-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* horizontal line */
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-bottom: 2px solid var(--border-color);
|
|
||||||
margin-top: 1.4rem;
|
|
||||||
margin-bottom: 1.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Code Fences
|
|
||||||
* see http:/*support.typora.io/Code-Block-Styles
|
|
||||||
*/
|
|
||||||
|
|
||||||
.cm-s-inner .CodeMirror-gutters {
|
|
||||||
background: var(--code-bg-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.code-tooltip {
|
|
||||||
box-shadow: none;
|
|
||||||
border-radius: var(--border-radius);
|
|
||||||
background-color: var(--code-bg-color);
|
|
||||||
border-color: var(--border-color);
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.code-tooltip input {
|
|
||||||
outline: none;
|
|
||||||
width: 20ch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md-fences .code-tooltip {
|
|
||||||
bottom: -1.8rem;
|
|
||||||
padding: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md-fences.md-focus .cm-s-inner {
|
|
||||||
/* Remove bottom right border radius when tooltip is shown */
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* code tooltip autocomplete list */
|
|
||||||
|
|
||||||
.autoComplt-hint {
|
|
||||||
background-color: transparent !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
padding: 0.125rem 0.375rem !important;
|
|
||||||
color: var(--text-color) !important;
|
|
||||||
line-height: var(--line-height) !important;
|
|
||||||
height: 1.4rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.autoComplt-hint-selected {
|
|
||||||
background-color: var(--link-color) !important;
|
|
||||||
color: var(--background-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* basic styles */
|
|
||||||
|
|
||||||
.md-fences,
|
|
||||||
code,
|
|
||||||
tt {
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
background-color: var(--code-bg-color);
|
|
||||||
font-family: var(--monospace-font);
|
|
||||||
font-size: var(--monospace-font-size);
|
|
||||||
border-radius: .25rem;
|
|
||||||
padding: 0 .125rem;
|
|
||||||
line-height: var(--monospace-line-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
.md-fences {
|
|
||||||
margin-bottom: 18px;
|
|
||||||
margin-top: 15px;
|
|
||||||
padding: 0.2em 1em;
|
|
||||||
padding-top: 8px;
|
|
||||||
padding-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: var(--link-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Control UI (optional)
|
|
||||||
*/
|
|
||||||
|
|
||||||
.outline-item:hover {
|
|
||||||
color: var(--header-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
#write div.md-toc-tooltip {
|
|
||||||
background-color: var(--background-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,95 +0,0 @@
|
|||||||
@import 'night/codeblock.dark.css';
|
|
||||||
@import 'night/mermaid.dark.css';
|
|
||||||
@import 'night/sourcemode.dark.css';
|
|
||||||
@import 'ia_typora.css';
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--accented-background-color: #1e1e1e;
|
|
||||||
--light-header-color: #dbdbdb; /* H1-H3 */
|
|
||||||
--select-text-bg-color: #186a9a;
|
|
||||||
--accent-color: #4f525a;
|
|
||||||
--background-color: #101010;
|
|
||||||
--font-color: #bbbcbc;
|
|
||||||
--header-color: #bebebe; /* H4-H6 */
|
|
||||||
--border-color: #232629;
|
|
||||||
--link-color: #5584aa;
|
|
||||||
--code-bg-color: #1c1a1a;
|
|
||||||
--hover-bg-color: #050505;
|
|
||||||
--control-text-color: var(--font-color);
|
|
||||||
--side-bar-bg-color: var(--accented-background-color);
|
|
||||||
--control-text-hover-color: var(--header-color);
|
|
||||||
--item-hover-text-color: var(--header-color);
|
|
||||||
--item-hover-bg-color: var(--hover-bg-color);
|
|
||||||
--bg-color: var(--background-color);
|
|
||||||
--text-color: var(--font-color);
|
|
||||||
--meta-content-color: var(--accent-color);
|
|
||||||
--md-char-color: var(--accent-color);
|
|
||||||
--window-border: 1px solid rgba(0,0,0,.07);
|
|
||||||
--active-file-bg-color: var(--hover-bg-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.outline-item:hover {
|
|
||||||
background-color: var(--hover-bg-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
#write {
|
|
||||||
cursor: -webkit-image-set(url("night/cursor.png") 1x, url("night/cursor@2x.png") 2x) 8 8, auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
color: var(--light-header-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background: #b8b80a
|
|
||||||
}
|
|
||||||
|
|
||||||
table tr:nth-child(2n),
|
|
||||||
thead {
|
|
||||||
background-color: #141313;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup.md-footnote {
|
|
||||||
background-color: var(--code-bg-color);
|
|
||||||
color: var(--font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* right click menu */
|
|
||||||
.context-menu {
|
|
||||||
background-color: #141313;
|
|
||||||
}
|
|
||||||
|
|
||||||
.context-menu.dropdown-menu .divider {
|
|
||||||
background-color: #232629;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* focus mode */
|
|
||||||
.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * {
|
|
||||||
color: #4f525a !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.on-focus-mode .md-end-block:not(.md-focus) img,
|
|
||||||
.on-focus-mode .md-task-list-item:not(.md-focus-container)>input {
|
|
||||||
opacity: #4f525a !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.on-focus-mode li[cid]:not(.md-focus-container){
|
|
||||||
color: #4f525a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *,
|
|
||||||
.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * {
|
|
||||||
color: #4f525a !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.on-focus-mode .md-focus,
|
|
||||||
.on-focus-mode .md-focus-container {
|
|
||||||
color: var(--light-header-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * {
|
|
||||||
color: #4f525a !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user