:root {
color-scheme: light dark;
font-family: InterVariable, system-ui, sans-serif, ui-sans-serif;
--untangled-code-fg: #4c4f69;
--untangled-code-muted: #8c8fa1;
--untangled-code-keyword: #8839ef;
--untangled-code-constant: #fe640b;
--untangled-code-declaration: #d20f39;
--untangled-code-namespace: #179299;
--untangled-code-name: #1e66f5;
--untangled-code-builtin: #04a5e5;
--untangled-code-class: #df8e1d;
--untangled-code-variable: #dc8a78;
--untangled-code-string: #40a02b;
--untangled-code-comment: #9ca0b0;
--untangled-code-operator: #04a5e5;
}
@media (prefers-color-scheme: dark) {
:root {
--untangled-code-fg: #cad3f5;
--untangled-code-muted: #8087a2;
--untangled-code-keyword: #c6a0f6;
--untangled-code-constant: #f5a97f;
--untangled-code-declaration: #ed8796;
--untangled-code-namespace: #8bd5ca;
--untangled-code-name: #8aadf4;
--untangled-code-builtin: #91d7e3;
--untangled-code-class: #eed49f;
--untangled-code-variable: #f4dbd6;
--untangled-code-string: #a6da95;
--untangled-code-comment: #6e738d;
--untangled-code-operator: #91d7e3;
}
}
.untangled-new-pr-step {
position: relative;
display: flex;
min-width: 0;
2488 unmodified lines
Expand all
/* padding: 0.875rem 0; */
}
.untangled-code-view {
--untangled-code-fg: #4c4f69;
--untangled-code-muted: #8c8fa1;
--untangled-code-keyword: #8839ef;
--untangled-code-constant: #fe640b;
--untangled-code-declaration: #d20f39;
--untangled-code-namespace: #179299;
--untangled-code-name: #1e66f5;
--untangled-code-builtin: #04a5e5;
--untangled-code-class: #df8e1d;
--untangled-code-variable: #dc8a78;
--untangled-code-string: #40a02b;
--untangled-code-comment: #9ca0b0;
--untangled-code-operator: #04a5e5;
display: table;
min-width: 100%;
font-family: IBMPlexMono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 0.875rem;
overflow-wrap: anywhere;
}
@media (prefers-color-scheme: dark) {
.untangled-code-view {
--untangled-code-fg: #cad3f5;
--untangled-code-muted: #8087a2;
--untangled-code-keyword: #c6a0f6;
--untangled-code-constant: #f5a97f;
--untangled-code-declaration: #ed8796;
--untangled-code-namespace: #8bd5ca;
--untangled-code-name: #8aadf4;
--untangled-code-builtin: #91d7e3;
--untangled-code-class: #eed49f;
--untangled-code-variable: #f4dbd6;
--untangled-code-string: #a6da95;
--untangled-code-comment: #6e738d;
--untangled-code-operator: #91d7e3;
}
}
.untangled-code-line {
display: table-row;
min-width: 1ch;
user-select: none;
}
.untangled-code-line-content .hljs-keyword,
.untangled-code-line-content .hljs-selector-tag,
.untangled-code-line-content .hljs-name,
.untangled-code-line-content .hljs-tag {
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
content: none;
}
.prose pre code.hljs {
color: inherit;
background: transparent;
padding: 0;
font-weight: inherit;
}
:where(.untangled-code-line-content, .hljs) .hljs-keyword,
:where(.untangled-code-line-content, .hljs) .hljs-selector-tag,
:where(.untangled-code-line-content, .hljs) .hljs-name,
:where(.untangled-code-line-content, .hljs) .hljs-tag {
color: var(--untangled-code-keyword);
}
.untangled-code-line-content .hljs-literal,
.untangled-code-line-content .hljs-number,
.untangled-code-line-content .hljs-symbol,
.untangled-code-line-content .hljs-bullet {
:where(.untangled-code-line-content, .hljs) .hljs-literal,
:where(.untangled-code-line-content, .hljs) .hljs-number,
:where(.untangled-code-line-content, .hljs) .hljs-symbol,
:where(.untangled-code-line-content, .hljs) .hljs-bullet {
color: var(--untangled-code-constant);
}
.untangled-code-line-content .hljs-built_in,
.untangled-code-line-content .hljs-builtin-name,
.untangled-code-line-content .hljs-type {
:where(.untangled-code-line-content, .hljs) .hljs-built_in,
:where(.untangled-code-line-content, .hljs) .hljs-builtin-name,
:where(.untangled-code-line-content, .hljs) .hljs-type {
color: var(--untangled-code-builtin);
}
.untangled-code-line-content .hljs-title,
.untangled-code-line-content .hljs-title.function_,
.untangled-code-line-content .hljs-function .hljs-title,
.untangled-code-line-content .hljs-selector-id {
:where(.untangled-code-line-content, .hljs) .hljs-title,
:where(.untangled-code-line-content, .hljs) .hljs-title.function_,
:where(.untangled-code-line-content, .hljs) .hljs-function .hljs-title,
:where(.untangled-code-line-content, .hljs) .hljs-selector-id {
color: var(--untangled-code-name);
}
.untangled-code-line-content .hljs-title.class_,
.untangled-code-line-content .hljs-class .hljs-title,
.untangled-code-line-content .hljs-section,
.untangled-code-line-content .hljs-selector-class {
:where(.untangled-code-line-content, .hljs) .hljs-title.class_,
:where(.untangled-code-line-content, .hljs) .hljs-class .hljs-title,
:where(.untangled-code-line-content, .hljs) .hljs-section,
:where(.untangled-code-line-content, .hljs) .hljs-selector-class {
color: var(--untangled-code-class);
}
.untangled-code-line-content .hljs-variable,
.untangled-code-line-content .hljs-template-variable,
.untangled-code-line-content .hljs-attr,
.untangled-code-line-content .hljs-attribute,
.untangled-code-line-content .hljs-property,
.untangled-code-line-content .hljs-params {
:where(.untangled-code-line-content, .hljs) .hljs-variable,
:where(.untangled-code-line-content, .hljs) .hljs-template-variable,
:where(.untangled-code-line-content, .hljs) .hljs-attr,
:where(.untangled-code-line-content, .hljs) .hljs-attribute,
:where(.untangled-code-line-content, .hljs) .hljs-property,
:where(.untangled-code-line-content, .hljs) .hljs-params {
color: var(--untangled-code-variable);
}
.untangled-code-line-content .hljs-string,
.untangled-code-line-content .hljs-regexp,
.untangled-code-line-content .hljs-template-tag,
.untangled-code-line-content .hljs-template-variable {
:where(.untangled-code-line-content, .hljs) .hljs-string,
:where(.untangled-code-line-content, .hljs) .hljs-regexp,
:where(.untangled-code-line-content, .hljs) .hljs-template-tag,
:where(.untangled-code-line-content, .hljs) .hljs-template-variable {
color: var(--untangled-code-string);
}
.untangled-code-line-content .hljs-comment,
.untangled-code-line-content .hljs-quote {
:where(.untangled-code-line-content, .hljs) .hljs-comment,
:where(.untangled-code-line-content, .hljs) .hljs-quote {
color: var(--untangled-code-comment);
font-style: italic;
}
.untangled-code-line-content .hljs-doctag,
.untangled-code-line-content .hljs-meta {
:where(.untangled-code-line-content, .hljs) .hljs-doctag,
:where(.untangled-code-line-content, .hljs) .hljs-meta {
color: var(--untangled-code-comment);
font-style: italic;
}
.untangled-code-line-content .hljs-operator,
.untangled-code-line-content .hljs-subst,
.untangled-code-line-content .hljs-link {
:where(.untangled-code-line-content, .hljs) .hljs-operator,
:where(.untangled-code-line-content, .hljs) .hljs-subst,
:where(.untangled-code-line-content, .hljs) .hljs-link {
color: var(--untangled-code-operator);
}
.untangled-code-line-content .hljs-deletion {
:where(.untangled-code-line-content, .hljs) .hljs-deletion {
color: var(--untangled-code-declaration);
}
.untangled-code-line-content .hljs-addition {
:where(.untangled-code-line-content, .hljs) .hljs-addition {
color: var(--untangled-code-string);
}
.untangled-code-line-content .hljs-emphasis {
:where(.untangled-code-line-content, .hljs) .hljs-emphasis {
font-style: italic;
}
.untangled-code-line-content .hljs-strong {
:where(.untangled-code-line-content, .hljs) .hljs-strong {
font-weight: 700;
}
.untangled-code-line-add .untangled-code-line-number,
900 unmodified lines
Expand all