@import url(https://fonts.googleapis.com/css?family=Open%20Sans);
@import "barfi/mermaid.dark.css";
@import "barfi/codeblock.dark.css";
@import "barfi/sourcemode.dark.css";
:root {
--bg-color: #282c34;
--text-color: #bdb9b9;
--window-border-color: #333;
--window-border: 1px solid #555;
--md-char-color: #C7C5C5;
--meta-content-color: #5b808d;
--blur-text-color: #C8C8C8;
--drag-placeholder-color: #c7c5c5;
--panel-border-color: #777777;
--active-toggle-btn-color: #ddd;
--table-border-color: #ccc;
--primary-color: #49a4f8;
--primary-btn-border-color: #285e8e;
--primary-btn-text-color: #fff;
--search-select-bg-color: #000;
--search-select-text-color: #fff;
--heading-char-color: #ddd;
--color-popover-bg-color: #fafafa;
--control-text-color: var(--text-color);
--control-text-hover-color: var(--text-color);
/* Side Bar */
--side-bar-bg-color: #1a1a1a;
--item-hover-bg-color: #111;
--item-hover-text-color: #7c929e;
--side-bar-fg-color: #DADCE0;
--side-bar-menu-active-tint: var(--side-bar-menu-active-tint);
--mac-title-bar-height: 20px;
--sidebar-width: 270px;
/* Side-bar file list */
--active-file-bg-color: #283139;
--active-file-text-color: #7c929e;
--active-file-left-border-color: #7fa8f0;
--active-file-border-color: rgba(91, 112, 130, 0.47);
--focus-ring-color: #6eace2;
--file-item-file-name-color: #7c929e;
--file-item-summary: #616161;
/* Outline */
--outline-border-color: #363B40;
--outline-item-hover-bg-color: #363B40;
--outline-item-hover-fg-color: white;
/* Sidebar footer */
--sidebar-footer-bg-color: #131516;
--sidebar-footer-heading-color: #7c929e;
--sidebar-footer-fg-color: #818181;
/* TOC Drop down */
--toc-dropmenu-bg-color: #131516;
--toc-dropmenu-fg-color: #9aa0a6;
--select-text-bg-color:#4a89dc;
--monospace: monospace;
}
html, body {
/* background-color: #202124; */
background-color: var(--bg-color);
/* font-family: Merriweather, Open Sans, sans-serif; */
font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", "STSong", Serif;
}
html {
font-size: 16px;
}
#write {
/* max-width: 90%; */
max-width: 900px;
margin: 0 auto;
padding: 30px;
padding-bottom: 100px;
font-size: 1rem;
color: var(--fg-color);
}
h1, h2, h3, h4, h5, h6 {
/* font-family: Helvetica, Open Sans; */
font-family:"Helvetica Neue";
/* color: #D93025; */
color: #e5e2e2e8;
margin-top: 1.2rem;
margin-bottom: 0.5rem;
}
h1 {
font-size: 32px;
font-weight: bold;
}
h2 {
font-size: 28px;
font-weight: bold;
}
h3 {
font-size: 24px;
font-weight: bold;
}
h4 {
font-size: 20px;
font-weight: bold;
}
h5 {
font-size: 18px;
font-weight: bold;
}
h6 {
font-size: 16px;
font-weight: bold;
}
#write h1:before,
#write h2:before,
#write h3:before,
#write h4:before,
#write h5:before,
#write h6:before {
background-color: #222;
color: #a23432;
}
p,
ul,
dd,
ol,
hr,
address,
pre,
table,
iframe,
.wp-caption,
.wp-audio-shortcode,
.wp-video-shortcode {
margin: 4px 0px;
}
/* ??? */
code, kbd, pre, samp {
/* font-family: "Roboto Mono", Menlo, monospace; */
font-family: Menlo, Monaco, "Courier New", monospace;
padding: 2px 5px;
}
code {
/* background: #e9de78; */
color:rgb(241, 121, 42);
/* color:#f0e36d; */
padding:2px 2px 2px 2px;
}
.md-fences {
margin: 10px 0px;
background-color: #1c1e1f;
padding: 1em;
border: 1px solid rgba(147, 152, 182, 0.3);
border-radius: 2px;
font-size: 1em;
}
.md-fences .CodeMirror.CodeMirror-wrap {
padding-left: 5px;
}
.CodeMirror-gutters {
border: none;
}
.CodeMirror-linenumber {
color: #444;
}
a,
.md-def-url {
color: #5195ea;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#toc-dropmenu {
background-color: var(--toc-dropmenu-bg-color);
color: var(--toc-dropmenu-fg-color);
}
#toc-dropmenu .divider {
background-color: rgba(229, 229, 229, 0.3);
}
.outline-item:hover {
border-color: var(--outline-border-color);
background-color: var(--outline-item-hover-bg-color);
color: var(--outline-item-hover-fg-color);
}
.md-inline-math g,
.md-inline-math svg {
stroke: #b8bfc6 !important;
fill: #b8bfc6 !important;
}
[md-inline='inline_math'] {
color: #9CB2E9;
}
#math-inline-preview .md-arrow:after {
background: black;
}
.md-inline-math script {
color: #81b1db;
}
b,
dt,
strong {
font-weight: bold;
line-height: 1.4;
color: rgb(255, 69, 45);
font-weight: 500;
}
i {
color: #71879a;
}
em {
color: #f8951d;
}
mark {
background: #ace056;
}
blockquote {
color: #24c1e0;
padding: 10px 20px;
background: rgba(36, 193, 224, 0.05);
border-left: 1px solid #24c1e0;
}
.md-image>.md-meta {
background-color: #1c1e1f;
font-family: Roboto, Open Sans;
font-size: 1em;
}
.md-expand.md-image>.md-meta {
color: #5F6368;
}
/** quick open **/
.auto-suggest-container {
border: 0px;
background-color: #525C65;
}
#typora-quick-open {
background-color: #525C65;
}
#typora-quick-open input{
background-color: #525C65;
border: 0;
border-bottom: 1px solid grey;
}
.typora-quick-open-item {
background-color: inherit;
color: inherit;
}
.typora-quick-open-item.active {
background-color: #4D8BDB;
color: white;
}
.typora-search-spinner > div {
background-color: #fff;
}
.btn,
.btn .btn-default {
background: transparent;
color: #b8bfc6;
}
.md-table-edit {
border-top: 1px solid gray;
background-color: #363B40;
}
.popover-title {
background: transparent;
}
/* Sidebar Stuff */
#typora-sidebar {
color: var(--side-bar-fg-color);
}
.sidebar-footer-main-item {
background-color: var(--sidebar-footer-bg-color);
color: var(--sidebar-footer-heading-color);
}
.dropdown-menu {
color: var(--sidebar-footer-fg-color);
}
.file-list-item {
border-bottom: 1px solid var(--window-border-color);
}
#typora-sidebar-resizer {
border-left: 1px solid var(--window-border-color);
}
.file-list-item.active {
border-left: 2px solid var(--active-file-left-border-color) ;
}
.file-list-item-file-name {
color: var(--file-item-file-name-color);
}
.file-list-item-summary {
font-weight: 500;
font-family: "Helvetica Neue", "sans-serif";
color: var(--file-item-summary);
}
.sidebar-tabs {
border-bottom:0;
}
.md-table-resize-popover {
background-color: #4B535A;
}
.form-inline .input-group .input-group-addon {
color: white;
}
#md-searchpanel {
border-bottom: 1px dashed grey;
}
/* Table related */
/* table {
border: solid 1px var(--window-border-color);
margin-bottom: 20px
}
th {
color: #439e30;
font-weight: 500;
background-color: #1c1e1f;
}
table th,
table td {
padding: 8px;
line-height: 1.5rem;
border: 1px solid var(--window-border-color);
}
table tr:nth-child(even) {
background: var(--side-bar-bg-color);
} */
table {
padding: 0;
word-break: initial;
}
table tr {
border-top: 1px solid #dfe2e5;
margin: 0;
padding: 0;
}
/* table tr:nth-child(n),
thead {
background-color: #3d3c3c;
} */
table tr th {
font-weight: bold;
/* background-color:#282c34; */
background-color:#0a81b8;
border: 1px solid #dfe2e5;
border-bottom: 0;
text-align: left;
margin: 0;
padding: 6px 13px;
}
th
{
color:#dfe2e5;
background-color:#0988c3;
}
table tr td {
border: 1px solid #dfe2e5;
text-align: left;
margin: 0;
padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
margin-bottom: 0;
}
