diff --git a/src/app/globals.css b/src/app/globals.css index d8a490b..67e4690 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -262,3 +262,113 @@ body { border-color: var(--color-primary); box-shadow: var(--shadow-input-focus); } + +/* ======================================== + 设置页面输入框 + ======================================== */ +.settings-input { + appearance: none; + background-color: var(--color-bg-primary); + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + padding: 8px 12px; + font-size: 14px; + color: var(--color-text-primary); +} + +.settings-input::placeholder { + color: var(--color-text-placeholder); +} + +.settings-input:focus { + outline: none; + border-color: var(--color-primary); + box-shadow: var(--shadow-input-focus); +} + +.settings-input:disabled { + background-color: var(--color-bg-tertiary); + cursor: not-allowed; +} + +/* ======================================== + Prism.js 代码高亮样式 (VS Code Dark+) + ======================================== */ +code[class*="language-"], +pre[class*="language-"] { + color: #d4d4d4; + text-shadow: none; + font-family: 'SF Mono', Monaco, 'Courier New', monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + line-height: 1.5; + tab-size: 4; + hyphens: none; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #6a9955; +} + +.token.punctuation { + color: #d4d4d4; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #b5cea8; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #ce9178; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #d4d4d4; +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #569cd6; +} + +.token.function, +.token.class-name { + color: #dcdcaa; +} + +.token.regex, +.token.important, +.token.variable { + color: #d16969; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +}