github/marktext
5
0
Fork 0
mirror of https://github.com/marktext/marktext.git synced 2025-05-16 17:00:30 +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;
--floatHoverColor: rgba(255, 255, 255, .04);
--floatBorderColor: rgba(0, 0, 0, .05);
--floatShadow: rgba(0, 0, 0, 0.2);
--maskColor: rgba(0, 0, 0, .7);
--editorAreaWidth: 700px;
}
@ -33,6 +34,11 @@
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 {
fill: #ffffff;
}
@ -51,14 +57,19 @@
}
:not(pre) > code[class*="language-"],
pre,
pre[class*="language-"],
pre.ag-paragraph {
background: var(--codeBlockBgColor) !important;
border: none !important;
}
p:not(.ag-active)[data-role="hr"]::before {
border-top: 2px dashed var(--editorColor10) !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)

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

@ -25,10 +25,16 @@
--floatBgColor: #3c4650;
--floatHoverColor: rgba(255, 255, 255, .04);
--floatBorderColor: rgba(0, 0, 0, .03);
--floatShadow: rgba(0, 0, 0, 0.2);
--maskColor: rgba(0, 0, 0, .7);
--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 {
fill: #ffffff;
}
@ -43,8 +49,14 @@
/* ------------------------------------ */
:not(pre) > code[class*="language-"],
pre,
pre[class*="language-"],
pre.ag-paragraph {
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 {

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

@ -25,6 +25,7 @@
--floatBgColor: #21252b;
--floatHoverColor: #3a3f4b;
--floatBorderColor: #181a1f;
--floatShadow: rgba(0, 0, 0, 0.3);
--maskColor: rgba(0, 0, 0, .7);
--editorAreaWidth: 700px;
}
@ -55,6 +56,10 @@
box-shadow: 0 1px 3px rgba(0,0,0,.3) !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 {
background: #4d78cc !important;
@ -128,8 +133,11 @@
}
:not(pre) > code[class*="language-"],
pre,
pre[class*="language-"],
pre.ag-paragraph {
background: var(--codeBlockBgColor) !important;
border: none !important;
}
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 {
transform: rotate(-45deg) scale(1);
}
figure.ag-active.ag-container-block > div.ag-container-preview {
box-shadow: 0 3px 8px 0 var(--floatShadow) !important;
}
/* ------------------------------------ */