chat.openai.com 浅色 by ttmouse

/* ==UserStyle==
@name         chat.openai.com 浅色
@version      20230911.00.13
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://chat.openai.com/c/04af064c-5975-4be8-bada-ac6ad1a65782") {
/* ==UserStyle==
@name        NewStyle-vwvsutjn
@description This is your new file, start writing code
@match       <all_urls>


Roboto Mono, 
Palatino
STSong
PingFang SC
==/UserStyle== */
.dark .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: #f5f5f5;
}

.dark .dark\:bg-\[\#444654\] {
    --tw-bg-opacity: 1;
    background-color: #f8f8fa;
}

.prose :where(strong):not(:where([class~=not-prose] *)) {
    color: #5c5c5c;
    font-weight: 600;
}

.text-token-text-primary {
    color: #343541;
    color: #4d4d61;
}


.markdown ul > li {
    display: block;
    margin-left: 9px;
    min-height: 28px;
}

.markdown ol > li {
    counter-increment: list-number;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 28px;
    margin-left: 14px;
}

.prose {
    color: #2d2727;
}

.rounded-sm {
    border-radius: 69.125rem;
}




.markdown ul > li:before {
    --tw-translate-x: -100%;
    content: "•";
    font-size: .875rem;
    line-height: 1.75rem;
    padding-right: 0.5rem;
    position: absolute;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


:not(i, .material-symbols-outlined, .material-icons) {
    font-family: STKaiti !important;
    font-size: 1.05rem;
}

.prose :where(h4):not(:where([class~=not-prose] *)) {
    color: #000000c9;
    font-weight: 600 !important;
    line-height: 1.5;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}

.prose::selection {
    color: #2d2727;
    background: #dddddd;
}
.text-token-text-primary {
    color: #1e2149;
}


.hljs-comment {
    color: hsl(0deg 4.29% 34.26% / 50%);
}

.dark .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: #7e7e7e;
}


.xl\:max-w-3xl {
    max-width: 58rem;
}

.dark body,
.dark html {
    --tw-bg-opacity: 1;
    background-color: #FFFFFF;
}

.from-gray-800 {
    --tw-gradient-from: #34354100 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(52, 53, 65, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.prose :where(p):not(:where([class~=not-prose] *)) {
    margin-bottom: 0em;
    margin-top: 0em;
}

.prose :where(li):not(:where([class~=not-prose] *)) {
    margin-bottom: 0em;
    margin-top: 0em;
}

.prose :where(thead th):not(:where([class~=not-prose] *)) {
    color: #4c4c4c;
    font-weight: 600;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em;
    padding-right: 0.5714286em;
    vertical-align: bottom;
}


.dark .dark\:border-gray-900\/50 {
    border-color: rgb(220 227 239 / 50%);
}

.dark .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
}

.dark .dark\:border-\[\#4E4F60\] {
    --tw-border-opacity: 1;
    border-color: #cfcfcf;
}


.dark .dark\:md\:bg-vert-dark-gradient {
    background: #ffffff;
    background-image: linear-gradient(180deg, #ffffff00, #FFFFFF 58.85%);
}

.dark .dark\:bg-gray-700 {
    color: #111111;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
}
.prose :where(h1):not(:where([class~=not-prose] *)) {
    color: #4d636c;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: 0.8888889em;
    margin-top: 0;
}

.prose :where(blockquote):not(:where([class~=not-prose] *)) {
    border-left-color: var(--tw-prose-quote-borders);
    border-left-width: 0.25rem;
    color: #3b3b3b;
    font-style: italic;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-left: 1em;
    quotes: "\201C""\201D""\2018""\2019";
}

::selection {
    background-color: #cfcfcf;
    color: #000;
}

.markdown th {
    background-color: rgb(200 200 209 / 20%);
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    padding: 0.25rem 0.75rem;
}

.markdown blockquote {
    --tw-border-opacity: 1;
    border-color: #d3d3d3;

}

.prose M:where(h3):not(:where([class~=not-prose] *)) {
    color: #4e646c;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.6em;
    margin-top: 1.6em;
}

.prose :where(h3):not(:where([class~=not-prose] *)) {
    color: #4f656c;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.6em;
    margin-top: 1.6em;
}

.bg-gray-800 {
    color: #838383;
    --tw-bg-opacity: 1;
    background-color: #7c7c7c40;
}

code.hljs,
code[class*=language-],
pre[class*=language-] {
    word-wrap: normal;
    background: none;
    background-image: none;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    color: #040404;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.5;
    tab-size: 4;
    text-align: left;
    white-space: pre;
    word-break: normal;
    word-spacing: normal;
    /* font-family: pingfang; */
}

.bg-black {
    --tw-bg-opacity: 1;
    /* color: #000000; */
    background-color: #e8e8e878;
}

*,
:after,
:before {
    border: 0 solid #a4a4b352;
    box-sizing: border-box;
}

.prose :where(h2):not(:where([class~=not-prose] *)) {
    color: #4e646c;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em;
}

.prose :where(hr):not(:where([class~=not-prose] *)) {
    border-color: #e8e8e8;
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em;
}

.dark .btn-neutral {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #ffffff;
    border-color: #ededed;
    color: #554646;
}
}