high-contrast.css

/*
    Name:       high-contrast
    Author:     Zervan (https://github.com/Zervan29131)
    Copyright © 2020-2025 by Zervan nickmechlin01@outlook.com
    All rights reserved
*/

/* latin */
@font-face {
    font-family: 'Times New Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Times New Roman'), local('Times New Roman'),url('./high-contrast/fonts/Times-New-Roman.woff2') format('woff2');
  }
  /* @font-face {
    font-family: 'FangZhengKaiTiJianTi-1';
    font-style: normal;
    font-weight: normal;
    src: local('FangZhengKaiTiJianTi-1'), local('FangZhengKaiTiJianTi-1'), url('./high-contrast/FangZhengKaiTiJianTi-1.woff2') format('woff2');
  }   */
  /* @font-face {
    font-family: 'GB2312.woff2';
    font-style: normal;
    font-weight: normal;
    src: local('GB2312'), local('GB2312'), url('./high-contrast/GB2312.woff2') format('woff2');
  } */
:root {

    /* 改变输入框的背景色 */
    --bg-color: #000000;
    /* 改变侧边工具栏的背景色 */
    --side-bar-bg-color: #000000;
    /* 文字颜色 */
    --text-color: #ffffff;
    /* 侧边栏文件窗口边框线 */
    --window-border: 1px solid #00ffff;

    /* 侧边栏文本颜色 */
    --control-text-color: #ffffff;
    /* 侧边栏文本覆盖阴影 */
    --control-text-hover-color: #00ffff;

    /*文件树或文件列表中当前项的背景色*/
    --active-file-bg-color: rgb(34, 34, 34);
    /* 被选中文件背景颜色*/
    --active-file-text-color: #00ffff;
    /* 被选中文件文字颜色 */
    --active-file-border-color: #00ffff;
    /* 被选中文件边栏颜色 */

    /* 被选中的文本背景 */
    --select-text-bg-color: #ffffff;
    /* 被选中的文本字体背景 */
    --select-text-font-color: #000000;

    /* 搜索中被选中后框住的背景颜色 */
    --search-select-bg-color: #00ffff;
    /* 搜索中被选中后框住的文字颜色 */
    --search-select-text-color: #000000;

    /*鼠标悬停时控件项的背景，如侧边栏中的菜单*/
    /* 侧边栏菜单的背景色 */
    --item-hover-bg-color: #00ffff;
    /* 侧边栏菜单的文字颜色 */
    --item-hover-text-color: rgb(0, 0, 0);

    /* 代码块编辑背景 ，颜色待确定🍉*/
    --rawblock-edit-panel-bd: #263238;
    /* 焦点模式（专注模式）下，非焦点段落中文本颜色 */
    --blur-text-color: #ffffff;

    /* 源代码模式后的颜色 */
    /*改变元字符的颜色，例如 markdown 中的“*” */
    --md-char-color: #00ffff;
    /*改变元内容的颜色，例如 markdown 中的图片链接 */
    --meta-content-color: #00ffff;

    /*主按钮的颜色*/
    --primary-color: #00ffff;
    --primary-btn-border-color: #00ffff;
    --primary-btn-text-color: #00ffff;

    /* 表格调整按钮颜色 */
    --table-border-color: #00ffff;

    /* 标题字符集颜色，例如”h3“ */
    --heading-char-color: #00ffff;
    /*代码的等宽字体*/
    --monospace: monospace;

    --side-bar-menu-active-tint: var(--side-bar-menu-active-tint);
    --mac-title-bar-height: 20px;
    --drag-placeholder-color: #ff0000;
    --panel-border-color: #ff0000;
    --active-toggle-btn-color: #ff0000;
    --color-popover-bg-color: #ff0000;
    --focus-ring-color: #ff0000;

    /* 主题色 */
    --main-blue: #166ff3;
    --main-red: #ff6b6b;
    --main-green: #2ed573;
    --main-purple: #c94ae9;
    --main-yellow: #f9b03d;
    --light-color: #b2b2b2;
    --code--bg-color: #282c34;
    --code--bg-color-light: #3d404e;
    /* 悬浮 */
    --item-bg-color-red: #f4433638;
    --item-bg-color-blue: #42a5f542;
    /* 阴影 */
    --box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
    --transition: box-shadow 0.3s ease, transform 0.3s ease;
    /* 左到右透明渐变 */
    --gradient-color: linear-gradient(to right, rgba(106, 106, 106), rgba(255, 255, 255, 0));
    /* github警告框 */
    --tip-color: #1f883d;
    --tip-border: solid 0.5px #1f883d94;
    --tip-bg-color: #f0f9eb;
    --note-color: #0969da;
    --note-border: solid 0.5px #0969da94;
    --warning-color: #faad14;
    --warning-border: solid 0.5px #faad1494;
    --caution-color: #cf222e;
    --caution-border: solid 0.5px #cf222e94;
    --important-color: #8250df;
    --important-border: solid 0.5px #8250df94;


}

/* 引用块 */
#write blockquote {
    background: var(--gradient-color);
    /* 渐变色 */
    backdrop-filter: blur(5px);
    border-bottom-right-radius: 10px;
    border-left: 5px solid var(--main-blue);
    border-top-right-radius: 10px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
    color: #606060;
    font-size: .9em;
    margin-bottom: 16px;
    margin-top: 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 10px 20px;
    transition: var(--transition)
}


/* 链接的颜色 */
div.md-alert.md-alert-tip * span[md-inline="plain"].md-plain {
    color: var(--tip-color);
}


html {
    /* 默认字体大小 */
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

body {
    /* 字体文件 */
    /* font-family: 'Times New Roman','FangZhengKaiTiJianTi-1','GB2312.woff2', sans-serif; */
    font-family: 'Times New Roman', sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.6;
    /* 行间距 */
}



#write {
    /*调整书写区域的大小*/
    max-width: 914px;
    max-width: 90%;
    /*基本字体大小*/
    font-size: 1rem;
    /*基本字体颜色*/
    color: #ffffff;
    margin: 0 auto;
    padding: 30px;
    padding-bottom: 100px;
}

@media only screen and (min-width: 1400px) {
    #write {
        max-width: 1024px;
    }
}

@media only screen and (min-width: 1800px) {
    #write {
        max-width: 1200px;
    }
}

/* 表格样式 */
table td {
    border: 1px solid #00ffff;
    margin: 0;
    padding: 6px 13px;
}

table th {
    font-weight: bold;
    border: 1px solid #00ffff;
    border-bottom: 0;
    margin: 0;
    padding: 6px 13px;
}

table tr {
    border: 1px solid #00ffff;
    margin: 0;
    padding: 0;
}

/* 表格编辑按钮背景颜色 */
.ty-table-edit {
    border-top: 1px solid #00ffff;
    background-color: #4d4d4d;
}

h1 {
    color: #3A65EB;
}

h2,
h3,
h4 {
    color: #53A0FE;
}

p {
    color: #ffffff;
}

a {
    color: #00ffff;
}

/* toc目录颜色 */
.md-toc-item {
    color: #00ffff;
}

/*  PDF 及打印内容的样式 */
@media print {

    /* for example: */
    .typora-export * {
        print-color-adjust: exact;
    }

    /*
    Name:       high-contrast
    Author:     Zervan (https://github.com/Zervan29131)
    Copyright © 2020-2025 by Zervan nickmechlin01@outlook.com
    All rights reserved
*/
    /* add styles here */
}


/* 源代码模式标题颜色 */

.cm-s-typora-default .cm-header,
.cm-s-typora-default .cm-property {
    color: #ff006f;
}

/* 源代码模式下 <audio controls="controls">的controls颜色*/
.cm-s-typora-default .cm-string {
    color: #00ffff;
}

.cm-s-typora-default .cm-atom,
.cm-s-typora-default .cm-number {
    color: #ffffff;
}

.cm-s-typora-default .cm-tag {
    color: #00ffff;
}

.cm-s-typora-default .cm-code,
.cm-s-typora-default .cm-comment {
    color: #00ffff;
    font-family: monospace;
    font-family: var(--monospace);
}

.cm-s-typora-default .cm-link {
    color: #00ffff;
    text-decoration: underline;
}

/* 代码块样式 */
.cm-s-inner {
    background-color: #263238;
    color: rgba(233, 237, 237, 1);
}

.cm-s-inner .CodeMirror-gutters {
    background: #263238;
    color: rgb(83, 127, 126);
    border: none;
}

.cm-s-inner .CodeMirror-guttermarker,
.cm-s-inner .CodeMirror-guttermarker-subtle,
.cm-s-inner .CodeMirror-linenumber {
    color: rgb(83, 127, 126);
}

.cm-s-inner .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0;
}

.cm-s-inner div.CodeMirror-selected {
    background: rgba(255, 255, 255, 0.15);
}

.cm-s-inner.CodeMirror-focused div.CodeMirror-selected {
    background: rgba(255, 255, 255, 0.10);
}

.cm-s-inner .CodeMirror-line::selection,
.cm-s-inner .CodeMirror-line>span::selection,
.cm-s-inner .CodeMirror-line>span>span::selection {
    background: rgba(255, 255, 255, 0.10);
}

.cm-s-inner .CodeMirror-line::-moz-selection,
.cm-s-inner .CodeMirror-line>span::-moz-selection,
.cm-s-inner .CodeMirror-line>span>span::-moz-selection {
    background: rgba(255, 255, 255, 0.10);
}

.cm-s-inner .CodeMirror-activeline-background {
    background: rgba(0, 0, 0, 0);
}

.cm-s-inner .cm-keyword {
    color: rgba(199, 146, 234, 1);
}

.cm-s-inner .cm-operator {
    color: rgba(233, 237, 237, 1);
}

.cm-s-inner .cm-variable-2 {
    color: #80CBC4;
}

.cm-s-inner .cm-variable-3 {
    color: #82B1FF;
}

.cm-s-inner .cm-builtin {
    color: #DECB6B;
}

.cm-s-inner .cm-atom {
    color: #F77669;
}

.cm-s-inner .cm-number {
    color: #F77669;
}

.cm-s-inner .cm-def {
    color: rgba(233, 237, 237, 1);
}

.cm-s-inner .cm-string {
    color: #C3E88D;
}



.cm-s-inner .cm-string-2 {
    color: #80CBC4;
}

.cm-s-inner .cm-comment {
    color: #546E7A;
}

.cm-s-inner .cm-variable {
    color: #82B1FF;
}

.cm-s-inner .cm-tag {
    color: #80CBC4;
}

.cm-s-inner .cm-meta {
    color: #80CBC4;
}

.cm-s-inner .cm-attribute {
    color: #FFCB6B;
}

.cm-s-inner .cm-property {
    color: #80CBAE;
}

.cm-s-inner .cm-qualifier {
    color: #DECB6B;
}

.cm-s-inner .cm-variable-3 {
    color: #DECB6B;
}

.cm-s-inner .cm-tag {
    color: rgba(255, 83, 112, 1);
}

.cm-s-inner .cm-error {
    color: rgba(255, 255, 255, 1.0);
    background-color: #EC5F67;
}

.cm-s-inner .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/* 代码块内的颜色和样式 */
/**apply to code fences with plan text**/
.md-fences {
    background-color: #263238;
    color: rgba(233, 237, 237, 1);
    border: none;
}

.md-fences .code-tooltip {
    background-color: #263238;
}