mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-02-22 22:21:09 +08:00
94 lines
2.6 KiB
CSS
94 lines
2.6 KiB
CSS
:root {
|
||
--primary-color-hover: rgb(9, 95, 105);
|
||
--primary-color: rgb(10, 110, 120);
|
||
--primary-color-disabled: rgba(93, 152, 156, 0.5);
|
||
--header-height: 60px;
|
||
--header-background-color: white;
|
||
--header-border-color: lightgray;
|
||
--header-text-color: black;
|
||
--menu-background-color: white;
|
||
--menu-border-color: lightgray;
|
||
--menu-selected-background-color: rgba(208, 250, 255, 0.659);
|
||
--menu-text-color: black;
|
||
--scroller-background-color: rgba(130, 175, 180, 0.5);
|
||
--normal-background-color: rgb(241, 241, 241);
|
||
--text-color: black;
|
||
--menu-width: 200px;
|
||
--page-max-width: 1200px;
|
||
}
|
||
|
||
[data-theme='dark'] {
|
||
--header-background-color: #2b2b2b;
|
||
--header-border-color: #555;
|
||
--header-text-color: white;
|
||
--menu-background-color: #333;
|
||
--menu-border-color: #555;
|
||
--menu-selected-background-color: rgba(255, 255, 255, 0.1);
|
||
--menu-text-color: white;
|
||
--normal-background-color: #121212;
|
||
--text-color: #eee;
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
font-family: 'Roboto', sans-serif;
|
||
background-color: var(--normal-background-color);
|
||
color: var(--text-color);
|
||
}
|
||
|
||
|
||
/*************************
|
||
* Vditor 自定义皮肤覆写
|
||
*************************/
|
||
/*
|
||
思路：
|
||
1. 用 CSS 变量快速改大色块；
|
||
2. 再用选择器去掉边框 / 阴影。
|
||
注意顺序：一定写在官方 index.css 之后才能生效。
|
||
*/
|
||
|
||
.comment-editor-container .vditor {
|
||
/* 去掉整体背景与边框，让它融入父容器 */
|
||
--panel-background-color: transparent;
|
||
--border-color: transparent;
|
||
--textarea-background-color: transparent;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* 工具栏彻底无边框、透明背景 */
|
||
.comment-editor-container .vditor-toolbar {
|
||
background: transparent !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* 编辑区（wysiwyg / ir / sv）背景透明 */
|
||
.comment-editor-container .vditor-content,
|
||
.comment-editor-container .vditor-wysiwyg,
|
||
.comment-editor-container .vditor-ir,
|
||
.comment-editor-container .vditor-textarea {
|
||
background: transparent !important;
|
||
}
|
||
.post-editor-container .vditor {
|
||
--panel-background-color: transparent;
|
||
--border-color: transparent;
|
||
--textarea-background-color: transparent;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.post-editor-container .vditor-toolbar {
|
||
background: transparent !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.post-editor-container .vditor-content,
|
||
.post-editor-container .vditor-wysiwyg,
|
||
.post-editor-container .vditor-ir,
|
||
.post-editor-container .vditor-textarea {
|
||
background: transparent !important;
|
||
}
|