|
|
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */ | | /* 这里放置的CSS将应用于所有皮肤 */ |
| @import url("https://fontsapi.zeoseven.com/7/main/result.css"); /*朱雀仿宋字体，OFL-1.1*/ | | @import url("https://fontsapi.zeoseven.com/7/main/result.css"); /*朱雀仿宋字体，OFL-1.1*/ |
| /*配色，来自超阈限*/ | | /*配色*/ |
| | /* |
| | --background-color-base 背景颜色 |
| | --color-base 文本颜色 |
| | */ |
|
| |
|
| :root { | | :root{ |
| --thread-accent-color: var(--background-color);
| |
| --dark-accent: var(--dark-color-2);
| |
|
| |
| --bb-white:var(--background-color);
| |
| --bb-black:var(--text-color);
| |
|
| |
| --link-color: 100, 100, 200;
| |
| --hover-link-color: 61, 172, 214;
| |
| --visited-link-color: 130, 130, 230;
| |
| --newpage-color: 50, 50, 220;
| |
|
| |
| --text-color: 35, 35, 38;
| |
| --background-color: 252, 252, 252;
| |
| --light-color-1: var(--background-color);
| |
| --light-color-2: 240, 240, 244;
| |
| --dark-color-2: 229, 229, 238;
| |
| --dark-color-3: 50, 50, 51;
| |
| --dark-color-4: var(--dark-color-3);
| |
|
| |
| | |
|
| |
| /* General Colors */
| |
|
| |
| --general-light-background-color: var(--light-color-2);
| |
| --general-light-text-color: var(--text-color);
| |
| --general-medium-background-color: var(--dark-color-2);
| |
| --general-medium-text-color: var(--text-color);
| |
| --general-dark-background-color: var(--dark-color-3);
| |
| --general-dark-text-color: var(--light-color-1);
| |
| | |
| --general-light-background-color: var(--light-color-2);
| |
| --general-light-text-color: var(--text-color);
| |
| --general-medium-background-color: var(--dark-color-2);
| |
| --general-medium-text-color: var(--light-color-1);
| |
| --general-dark-background-color: var(--dark-color-3);
| |
| --general-dark-text-color: var(--light-color-1);
| |
| --general-shadow-color: var(--text-color);
| |
| --general-light-border-color: var(--dark-color-3), 0.08;
| |
| --general-medium-border-color: var(--dark-color-3), 0.2;
| |
| --general-strong-border-color: var(--dark-color-3), 0.5;
| |
| --general-dark-border-color: var(--dark-color-3);
| |
| --general-blur: 0.15rem;
| |
| --general-transition-time-fast: 0.2s;
| |
| --general-transition-time-slow: 0.3s;
| |
|
| |
| --header-background-bottom: var(--light-color-2);
| |
| --header-background-top: var(--light-color-2), 0.8;
| |
| --header-extra-background-image: none;
| |
| --header-text-color: var(--dark-color-3);
| |
| --header-text-shadow-color: 0, 0, 0, 0;
| |
| --topbar-text-color: var(--dark-color-3);
| |
| --topbar-hover-text-color: var(--light-color-2);
| |
| --header-username-color: var(--dark-color-3);
| |
| --account-button-text-color: var(--light-color-2);
| |
| --account-button-hover-text-color: var(--text-color);
| |
| --account-button-background-color: var(--dark-color-3);
| |
| --account-drop-hover-background-color: var(--light-color-1);
| |
| --page-title-border-color: var(--dark-color-2);
| |
| --sidebar-title-background-color: var(--dark-color-2);
| |
| --sidebar-title-text-color: var(--dark-color-3);
| |
| --sidebar-title-shadow-color: 0, 0, 0, 0;
| |
| --sidebar-media-background-color: var(--light-color-2);
| |
| --sidebar-hover-background-color: var(--light-color-2);
| |
| --hr-color: var(--dark-color-2);
| |
| --popup-loading-color: var(--dark-color-3);
| |
| --scrollbar-color: var(--dark-color-3);
| |
| --scrollbar-background-color: var(--light-color-2);
| |
| --page-option-background-color: var(--light-color-2);
| |
|
| |
| --lightblock-background-color: var(--general-light-background-color);
| |
| --lightblock-text-color: var(--general-light-text-color);
| |
| --darkblock-background-color: var(--general-dark-background-color);
| |
| --darkblock-text-color: var(--general-dark-text-color);
| |
| --styled-quote-background-color: var(--general-light-background-color);
| |
| --styled-quote-text-color: var(--general-light-text-color);
| |
| --styled-quote-border-color: var(--general-dark-border-color);
| |
| --dark-styled-quote-background-color: var(--general-dark-background-color);
| |
| --dark-styled-quote-text-color: var(--general-dark-text-color);
| |
| --dark-styled-quote-border-color: var(--light-color-2);
| |
|
| |
| --content-font-size: clamp(0.87rem, calc(0.83rem + 0.195vw), 1rem);
| |
|
| |
| /* Image Block */ | | /* Image Block */ |
| --imageblock-border-width: 0.15rem; | | --imageblock-border-width: 0.15rem; |
| 第98行： |
第20行： |
|
| |
|
| .lightblock { | | .lightblock { |
| background: rgba(var(--lightblock-background-color)); | | background: var(--background-color-neutral-subtle , #f8f9fa); |
| color: rgba(var(--lightblock-text-color)); | | color: var( --color-base , #202122); |
| margin: 1rem 0; | | margin: 1rem 0; |
| padding: 0.5rem 1rem; | | padding: 0.5rem 1rem; |
| 第105行： |
第27行： |
|
| |
|
| .darkblock { | | .darkblock { |
| --h1-color: var(--darkblock-text-color); | | background: var(--background-color-inverted, #101418); |
| --h2-color: var(--darkblock-text-color);
| | color: var(--color-inverted, #ffffff); |
| --h3-color: var(--darkblock-text-color); | |
| --h4-color: var(--darkblock-text-color);
| |
| --h5-color: var(--darkblock-text-color);
| |
| --h6-color: var(--darkblock-text-color);
| |
| background: rgba(var(--darkblock-background-color));
| |
| color: rgba(var(--darkblock-text-color));
| |
| margin: 1rem 0; | | margin: 1rem 0; |
| padding: 0.5rem 1rem; | | padding: 0.5rem 1rem; |
| 第118行： |
第34行： |
|
| |
|
| .styled-quote { | | .styled-quote { |
| background: rgba(var(--styled-quote-background-color)); | | background: var(--background-color-neutral-subtle , #f8f9fa); |
| color: rgba(var(--styled-quote-text-color)); | | color: var( --color-base , #202122); |
| border-left: rgba(var(--styled-quote-border-color)) solid 0.6rem; | | border-left: var(--background-color-inverted, #101418) solid 0.6rem; |
| margin: 1rem 0; | | margin: 1rem 0; |
| padding: 0.5rem 1rem; | | padding: 0.5rem 1rem; |
| 第126行： |
第42行： |
|
| |
|
| .dark-styled-quote { | | .dark-styled-quote { |
| --h1-color: var(--dark-styled-quote-text-color); | | background: var(--background-color-inverted, #101418); |
| --h2-color: var(--dark-styled-quote-text-color);
| | color: var(--color-inverted, #ffffff); |
| --h3-color: var(--dark-styled-quote-text-color); | | border-left: var(--background-color-neutral-subtle , #f8f9fa) solid 0.6rem; |
| --h4-color: var(--dark-styled-quote-text-color);
| |
| --h5-color: var(--dark-styled-quote-text-color); | |
| --h6-color: var(--dark-styled-quote-text-color);
| |
| background: rgba(var(--dark-styled-quote-background-color));
| |
| color: rgba(var(--dark-styled-quote-text-color));
| |
| border-left: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem;
| |
| margin: 1rem 0; | | margin: 1rem 0; |
| padding: 0.5rem 1rem; | | padding: 0.5rem 1rem; |
