128 lines
1.6 KiB
CSS
128 lines
1.6 KiB
CSS
.syntax {
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
overflow-wrap: break-word;
|
|
font-family: monospace;
|
|
color: #171717;
|
|
}
|
|
|
|
:global(.dark) .syntax {
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
/* JavaScript/TypeScript 关键字 */
|
|
.keyword {
|
|
color: #d73a49;
|
|
font-weight: 600;
|
|
}
|
|
|
|
:global(.dark) .keyword {
|
|
color: #ff6b6b;
|
|
}
|
|
|
|
/* TypeScript 特定关键字 (interface, type, enum, etc.) */
|
|
.tsKeyword {
|
|
color: #af00db;
|
|
font-weight: 600;
|
|
}
|
|
|
|
:global(.dark) .tsKeyword {
|
|
color: #c792ea;
|
|
}
|
|
|
|
/* TypeScript 内置类型 */
|
|
.type {
|
|
color: #267f99;
|
|
font-weight: 500;
|
|
}
|
|
|
|
:global(.dark) .type {
|
|
color: #4ec9b0;
|
|
}
|
|
|
|
/* 字符串 */
|
|
.string {
|
|
color: #1d6eca;
|
|
}
|
|
|
|
:global(.dark) .string {
|
|
color: #4fc3f7;
|
|
}
|
|
|
|
/* 数字 */
|
|
.number {
|
|
color: #00c583;
|
|
}
|
|
|
|
:global(.dark) .number {
|
|
color: #66bb6a;
|
|
}
|
|
|
|
/* 布尔值和字面量 (true, false, null, undefined) */
|
|
.literal {
|
|
color: #0000ff;
|
|
font-weight: 500;
|
|
}
|
|
|
|
:global(.dark) .literal {
|
|
color: #569cd6;
|
|
}
|
|
|
|
/* 注释 */
|
|
.comment {
|
|
color: #6a737d;
|
|
font-style: italic;
|
|
}
|
|
|
|
:global(.dark) .comment {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
/* 装饰器 (@decorator) */
|
|
.decorator {
|
|
color: #e0aa00;
|
|
font-weight: 500;
|
|
}
|
|
|
|
:global(.dark) .decorator {
|
|
color: #dcdcaa;
|
|
}
|
|
|
|
|
|
/* 箭头函数 (=>) */
|
|
.arrow {
|
|
color: #d73a49;
|
|
font-weight: bold;
|
|
}
|
|
|
|
:global(.dark) .arrow {
|
|
color: #ff6b6b;
|
|
}
|
|
|
|
/* 标识符（变量名、函数名等） */
|
|
.identifier {
|
|
color: #171717;
|
|
}
|
|
|
|
:global(.dark) .identifier {
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
/* 属性访问 (.property) */
|
|
.property {
|
|
color: #0550ae;
|
|
}
|
|
|
|
:global(.dark) .property {
|
|
color: #9cdcfe;
|
|
}
|
|
|
|
/* 运算符 */
|
|
.operator {
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
:global(.dark) .operator {
|
|
color: #d4d4d4;
|
|
}
|