github/marktext
5
0
Fork 0
mirror of https://github.com/marktext/marktext.git synced 2025-05-17 01:10:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix dark theme colors (#973)

Browse Source
This commit is contained in:
Felix Häusler 2019-04-27 01:52:39 +02:00 committed by Ran Luo
parent d71647fc9a
commit c20cdc6213
3 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/renderer/assets/themes/dark.theme.css
View File

@ -25,6 +25,7 @@
--floatBgColor: #3f3f3f; --floatBgColor: #3f3f3f;
--floatHoverColor: rgba(255, 255, 255, .04); --floatHoverColor: rgba(255, 255, 255, .04);
--floatBorderColor: rgba(0, 0, 0, .05); --floatBorderColor: rgba(0, 0, 0, .05);
--floatShadow: rgba(0, 0, 0, 0.2);
--maskColor: rgba(0, 0, 0, .7); --maskColor: rgba(0, 0, 0, .7);
--editorAreaWidth: 700px; --editorAreaWidth: 700px;
} }
@ -33,6 +34,11 @@
background: var(--editorBgColor); background: var(--editorBgColor);
} }
.ag-front-menu .submenu,
.ag-float-wrapper {
box-shadow: 0 4px 8px 0 var(--floatShadow) !important;
}
.title-bar .frameless-titlebar-button > div > svg { .title-bar .frameless-titlebar-button > div > svg {
fill: #ffffff; fill: #ffffff;
} }
@ -51,14 +57,19 @@
} }
:not(pre) > code[class*="language-"], :not(pre) > code[class*="language-"],
pre,
pre[class*="language-"],
pre.ag-paragraph { pre.ag-paragraph {
background: var(--codeBlockBgColor) !important; background: var(--codeBlockBgColor) !important;
border: none !important;
} }
p:not(.ag-active)[data-role="hr"]::before { p:not(.ag-active)[data-role="hr"]::before {
border-top: 2px dashed var(--editorColor10) !important; border-top: 2px dashed var(--editorColor10) !important;
background: none !important; background: none !important;
} }
figure.ag-active.ag-container-block > div.ag-container-preview {
box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
}
/* /*
* Prism.js theme (override light theme) * Prism.js theme (override light theme)

12
src/renderer/assets/themes/material-dark.theme.css
View File

@ -25,10 +25,16 @@
--floatBgColor: #3c4650; --floatBgColor: #3c4650;
--floatHoverColor: rgba(255, 255, 255, .04); --floatHoverColor: rgba(255, 255, 255, .04);
--floatBorderColor: rgba(0, 0, 0, .03); --floatBorderColor: rgba(0, 0, 0, .03);
--floatShadow: rgba(0, 0, 0, 0.2);
--maskColor: rgba(0, 0, 0, .7); --maskColor: rgba(0, 0, 0, .7);
--editorAreaWidth: 700px; --editorAreaWidth: 700px;
} }
.ag-front-menu .submenu,
.ag-float-wrapper {
box-shadow: 0 4px 8px 0 var(--floatShadow) !important;
}
.title-bar .frameless-titlebar-button > div > svg { .title-bar .frameless-titlebar-button > div > svg {
fill: #ffffff; fill: #ffffff;
} }
@ -43,8 +49,14 @@
/* ------------------------------------ */ /* ------------------------------------ */
:not(pre) > code[class*="language-"], :not(pre) > code[class*="language-"],
pre,
pre[class*="language-"],
pre.ag-paragraph { pre.ag-paragraph {
background: var(--codeBlockBgColor) !important; background: var(--codeBlockBgColor) !important;
border: none !important;
}
figure.ag-active.ag-container-block > div.ag-container-preview {
box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
} }
/*.ag-image-marked-text::before { /*.ag-image-marked-text::before {

11
src/renderer/assets/themes/one-dark.theme.css
View File

@ -25,6 +25,7 @@
--floatBgColor: #21252b; --floatBgColor: #21252b;
--floatHoverColor: #3a3f4b; --floatHoverColor: #3a3f4b;
--floatBorderColor: #181a1f; --floatBorderColor: #181a1f;
--floatShadow: rgba(0, 0, 0, 0.3);
--maskColor: rgba(0, 0, 0, .7); --maskColor: rgba(0, 0, 0, .7);
--editorAreaWidth: 700px; --editorAreaWidth: 700px;
} }
@ -55,6 +56,10 @@
box-shadow: 0 1px 3px rgba(0,0,0,.3) !important; box-shadow: 0 1px 3px rgba(0,0,0,.3) !important;
border: 1px solid #181a1f !important; border: 1px solid #181a1f !important;
} }
.ag-front-menu .submenu,
.ag-float-wrapper {
box-shadow: 0 4px 8px 0 var(--floatShadow) !important;
}
.mt-notification > .notice-bg.icon-message { .mt-notification > .notice-bg.icon-message {
background: #4d78cc !important; background: #4d78cc !important;
@ -128,8 +133,11 @@
} }
:not(pre) > code[class*="language-"], :not(pre) > code[class*="language-"],
pre,
pre[class*="language-"],
pre.ag-paragraph { pre.ag-paragraph {
background: var(--codeBlockBgColor) !important; background: var(--codeBlockBgColor) !important;
border: none !important;
} }
p:not(.ag-active)[data-role="hr"]::before { p:not(.ag-active)[data-role="hr"]::before {
@ -196,6 +204,9 @@ li.ag-task-list-item > input::after {
li.ag-task-list-item > input.ag-checkbox-checked::after { li.ag-task-list-item > input.ag-checkbox-checked::after {
transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);
} }
figure.ag-active.ag-container-block > div.ag-container-preview {
box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
}
/* ------------------------------------ */ /* ------------------------------------ */