Upload 26 files

App.module.css

@@ -0,0 +1,27 @@
+@import url('../../vscode/.storybook/static/vscode-themes/dark-modern.css');
+
+html,
+:host {
+    tab-size: 4;
+    line-height: 1.5;
+    text-size-adjust: 100%;
+    font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji';
+    font-feature-settings: normal;
+    font-variation-settings: normal;
+    -webkit-tap-highlight-color: transparent;
+}
+
+body {
+    margin: 0 !important;
+    padding: 0 !important;
+    line-height: inherit;
+}
+
+:root {
+    color-scheme: dark;
+}
+
+.root {
+    font-size: 13px;
+    height: 100vh;
+}

BaseEditor.story.module.css

@@ -0,0 +1,21 @@
+.editor {
+    padding: 0.4375rem 50px 0.4375rem 0.5rem;
+    outline: #444 auto 1px;
+    border-radius: 2px;
+}
+
+.editor:focus-within {
+    outline-color: -webkit-focus-ring-color;
+}
+
+.state-value, .html-value {
+    color: #fff;
+    margin-top: 2rem;
+    padding: 1rem;
+    background-color: #222;
+}
+
+.state-value {
+    white-space: pre;
+    font-size: 90%;
+}

ChatSkeleton.module.css

@@ -0,0 +1,117 @@
+:root {
+    --cody-web-skeleton-main-color: #3e475e;
+    --cody-web-skeleton-blink-color: #4d5875;
+}
+
+.root {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 0.5rem 0.75rem;
+}
+
+.header {
+    display: flex;
+    gap: 0.5rem;
+    padding: 0.25rem;
+    align-items: center;
+}
+
+.chat {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+
+    &-input {
+        width: 100%;
+        border-radius: 3px;
+        border: 2px solid var(--vscode-widget-border);
+        padding: 0.5rem;
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+
+    &-mentions-row {
+        display: flex;
+        gap: 0.25rem;
+        align-items: center;
+    }
+
+    &-submit-button {
+        margin-left: auto;
+    }
+}
+
+.message {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+
+    &-content {
+        margin-top: 0.5rem;
+        display: flex;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+    }
+}
+
+.line {
+    width: 100%;
+    max-width: 7rem;
+    height: 0.75rem;
+    flex-grow: 0;
+    flex-shrink: 0;
+    border-radius: 3px;
+    background-size: 200% 100%;
+    animation: shine-lines 1s infinite linear;
+
+    background-image: linear-gradient(
+        100deg,
+        var(--cody-web-skeleton-main-color) 0,
+        var(--cody-web-skeleton-blink-color) 40px,
+        var(--cody-web-skeleton-main-color) 80px
+    );
+
+    &-circle {
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 50%;
+        flex-grow: 0;
+        flex-shrink: 0;
+
+        &-small {
+            width: 1rem;
+            height: 1rem;
+        }
+    }
+
+    &-small {
+        max-width: 5rem;
+        height: 0.5rem;
+    }
+
+    &-short-text {
+
+        max-width: 3rem;
+    }
+
+    &-text {
+
+        max-width: 8rem;
+    }
+
+    &-long-text {
+
+        max-width: 20rem;
+    }
+
+}
+
+@keyframes shine-lines {
+    100% {
+        background-position-x: -200%;
+    }
+}

Code.module.css

@@ -0,0 +1,21 @@
+:root {
+    --code-font-size: #{(12/14)}em;
+    --code-font-family: sfmono-regular, consolas, menlo, dejavu sans mono, monospace;
+}
+
+.code {
+    white-space: pre;
+    line-height: 1rem;
+    font-size: var(--code-font-size);
+    font-family: var(--code-font-family);
+}
+
+.small {
+    font-size: 0.75rem;
+    line-height: 1rem;
+
+    /* Bootstrap applies `font-weight: 400;` to `small` element,
+       but we want to control `font-weight` only with `strong` or `.font-weight-medium`. */
+    font-weight: inherit;
+}
+

CodeBlockActionIcons.module.css

@@ -0,0 +1,9 @@
+@keyframes spin {
+    100% {
+        transform:rotate(360deg);
+    }
+}
+
+.spin {
+    animation: spin 1.5s steps(30) infinite;
+}

CodeExcerpt.module.css

@@ -0,0 +1,39 @@
+.code-excerpt {
+    :global(.line),
+    :global(.code) {
+        /* stylelint-disable-next-line declaration-property-unit-allowed-list */
+        height: 18px;
+        vertical-align: middle;
+        padding: 0;
+    }
+
+    :global(.line) {
+        min-width: 1.5rem;
+        text-align: right;
+        user-select: none;
+
+        &::before {
+            /* draw line number with css so it cannot be copied to clipboard */
+            content: attr(data-line);
+            color: var(--cody-chat-code-text-muted);
+        }
+    }
+
+    :global(.code) {
+        white-space: pre;
+        padding-left: 1rem;
+    }
+
+    &-error {
+        width: 100%;
+    }
+
+    &-alert {
+        margin-bottom: 0;
+        color: #c92a2a;
+    }
+
+    :global(.hl-text) {
+        color: #657b83;
+    }
+}

CodeSnippet.module.css

@@ -0,0 +1,146 @@
+:root {
+    --cody-chat-code-background: var(--code-background);
+    --cody-chat-code-header-background: var(--vscode-editorGroupHeader-tabsBackground);
+    --cody-chat-code-subtle-background: var(--vscode-titleBar-inactiveBackground);
+    --cody-chat-code-border-color: var(--vscode-widget-border);
+    --cody-chat-code-text-muted: var(--vscode-input-placeholderForeground);
+    --cody-chat-code-focus-border: var(--vscode-focusBorder);
+    --cody-chat-code-mark-background: #f8e688;
+    --cody-chat-code-text-highlighted: #566880;
+}
+
+.result-container {
+    contain: paint;
+    :global(.match-highlight) {
+        color: var(--cody-chat-code-text-highlighted);
+        background-color: var(--cody-chat-code-mark-background) !important;
+    }
+
+    :global(.sr-only) {
+        position: absolute;
+        width: 0.0625rem;
+        height: 0.0625rem;
+        padding: 0;
+        margin: -0.0625rem;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+    }
+}
+
+.header {
+    padding: 0.45rem 0.5rem;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    position: sticky;
+    top: 0;
+
+    /* Show on top of search result contents */
+    z-index: 1;
+    background-color: var(--cody-chat-code-header-background);
+
+    &-title {
+        flex: 1 1 auto;
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.result {
+    border-radius: 4px;
+    border: solid 1px var(--cody-chat-code-border-color);
+    background-color: var(--cody-chat-code-background);
+
+    code {
+        padding: 0 !important;
+    }
+}
+
+.search-result-match {
+    /* Don't use cascading link style */
+    text-decoration: none;
+    display: flex;
+    align-items: flex-start;
+    overflow-x: auto;
+    overflow-y: hidden;
+    position: relative;
+}
+
+.horizontal-divider-between {
+    &:not(:last-child) {
+        border-bottom: 1px solid var(--cody-chat-code-border-color);
+    }
+}
+
+.focusable-block {
+    &:focus-visible {
+        box-shadow: inset 0 0 0 1px var(--cody-chat-code-focus-border);
+    }
+}
+
+.clickable {
+    cursor: pointer;
+    &:hover {
+        text-decoration: none;
+    }
+}
+
+.divider-between {
+    > *:not(:last-child)::after {
+        content: ' ';
+        height: 1rem;
+        margin: 0 0.75rem;
+        border-right: 1px solid var(--cody-chat-code-border-color);
+        display: block;
+    }
+}
+
+.divider-vertical {
+    border-bottom: 1px solid var(--cody-chat-code-border-color);
+    width: 100%;
+    margin: 0.5rem 0;
+}
+
+.divider {
+    border-right: 1px solid var(--cody-chat-code-border-color);
+    height: 1rem;
+    margin: 0 0.5rem;
+}
+
+.title {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    min-width: 0;
+    flex-wrap: wrap;
+}
+
+.title-inner {
+    overflow-wrap: anywhere;
+}
+
+.toggle-matches-button {
+    width: 100%;
+    text-align: left;
+    border: none;
+    padding: 0.25rem 0.5rem;
+    border-top: 1px solid var(--cody-chat-code-border-color);
+    background-color: var(--cody-chat-code-background);
+    color: var(--cody-chat-code-text-muted);
+
+    &:hover {
+        color: inherit;
+    }
+
+    &--expanded {
+        position: sticky;
+        bottom: 0;
+    }
+
+    &-text {
+        margin-left: 0.125rem;
+    }
+}
+

CodyWebChat.module.css

@@ -0,0 +1,13 @@
+
+.root {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+.container {
+    height: 100%;
+    flex-grow: 1;
+}

MinionApp.css

@@ -0,0 +1,291 @@
+.app {
+    background-color: var(--vscode-sideBar-background);
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.controls {
+    flex: 0 0 1;
+    display: flex;
+    gap: 0.25em;
+    padding: 0.25em;
+
+    align-items: center;
+}
+
+.transcript {
+    flex: auto;
+    overflow-y: auto;
+}
+
+.user-input {
+    flex: 0 0 0.5em;
+    padding: 1em;
+}
+
+.controls button {
+    /* no button styling */
+    background: none;
+    color: inherit;
+    border: none;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+    outline: inherit;
+
+    display: flex;
+    align-items: center;
+}
+
+.controls-session-selector {
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border);
+}
+
+.event {
+    flex: 0 0 5em;
+    background-color: var(--vscode-list-inactiveSelectionBackground);
+
+    border: var(--vscode-sideBarSectionHeader-border);
+    padding: 1em;
+    padding-bottom: 2em;
+}
+
+.event-l1 {
+    padding-left: 1em;
+}
+
+.event-l2 {
+    padding-left: 2em;
+}
+
+.event-title {
+    font-size: 1em;
+    font-weight: bold;
+    padding-bottom: 1em;
+    display: flex;
+    align-items: center;
+}
+
+.event-title-name {
+    padding-left: 0.5em;
+}
+
+.event-body {
+    display: flex;
+    flex-direction: column;
+}
+
+.event-body .event-text {
+    flex: 1 1;
+    white-space: pre;
+    text-wrap: wrap;
+}
+
+.event-body form {
+    display: flex;
+    flex-direction: column;
+}
+
+.event-body form input,
+.event-body form button {
+    margin-top: 0.25em;
+    align-self: flex-start;
+}
+
+.event-body .human-action {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-left: 1em;
+}
+
+.event-input {
+    flex: 1 1 100%;
+    background-color: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border);
+}
+
+.event-code-filename {
+    border: 1px solid var(--vscode-panel-border);
+    border-bottom: 0;
+    padding: 0.5ch 1ch;
+    background: var(--vscode-tab-activeBackground);
+}
+
+.event-code-container {
+    margin-bottom: 1em;
+    border-radius: 1ch;
+    overflow: auto;
+}
+
+.event-code-filename-link {
+    display: flex;
+    gap: 0.5em;
+    align-items: center;
+}
+
+.event-code-filename a {
+    color: var(--vscode-editor-foreground);
+}
+
+.event-code-snippet {
+    padding: 0.5ch 1ch;
+    max-height: 10em;
+    overflow: scroll;
+    background-color: var(--vscode-textPreformat-background);
+    border: 1px solid var(--vscode-panel-border);
+}
+
+.input-group {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+.input-group .input-icon {
+    padding-left: 0.75em;
+}
+
+/**
+ * Node block
+ */
+
+.node-block {
+    padding: 1em;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 0.5em;
+}
+
+.node-title {
+    font-weight: bold;
+}
+
+.node-header-button {
+    padding: 0;
+    margin: 0;
+    color: var(--vscode-foreground);
+    background: none;
+    cursor: pointer;
+    border: none;
+    display: flex;
+    align-items: center;
+}
+
+.contextualize-explanation {
+    margin-bottom: 1em;
+}
+
+.steps-container {
+    display: flex;
+    flex-direction: column;
+    row-gap: 2em;
+    margin-top: 1em;
+}
+
+.step {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5em;
+}
+
+.step-header {
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+    border-bottom: 1px solid var(--vscode-foreground);
+}
+
+.step-controls {
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    gap: 0.4em;
+    margin: 0.5em 0;
+    padding: 0.2em 0;
+    height: 1.9em;
+}
+
+.step-controls-multi {
+    border: 1px solid
+        color-mix(
+            in lch,
+            var(--vscode-foreground),
+            var(--vscode-input-background)
+        );
+    border-radius: 10px;
+    padding: 0.2em 0.3em;
+    margin-left: -0.3em;
+}
+
+.step-title {
+    margin-left: 0.5em;
+}
+
+.event-button {
+    padding: 0;
+    margin: 0;
+    color: var(--vscode-foreground);
+    background: none;
+    cursor: pointer;
+    border: none;
+    display: flex;
+}
+
+.event-button-disabled {
+    color: color-mix(
+        in lch,
+        var(--vscode-foreground),
+        var(--vscode-input-background)
+    );
+}
+
+.step-description {
+    margin: 0;
+    white-space: pre;
+    text-wrap: wrap;
+}
+
+/**
+ * Stop spinner icon
+ */
+
+.stop-spinner {
+    display: inline-block;
+    position: relative;
+}
+
+.stop-spinner .spinner {
+    position: relative;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    animation: node-spinner 1.2s linear infinite;
+}
+
+@keyframes node-spinner {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.stop-spinner .stop {
+    position: absolute;
+    font-size: 80%;
+    top: 15%;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    z-index: 1;
+}

PromptsMigration.module.css

@@ -0,0 +1,87 @@
+
+.root {
+    display: flex;
+    flex-direction: column;
+    padding: 0.75rem;
+    border-radius: 3px;
+    border: 1px solid var(--vscode-dropdown-border);
+    background-color: var(--vscode-dropdown-background);
+}
+
+.icons-header {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 0.625rem;
+}
+
+.heading {
+    font-size: 0.875rem;
+    font-weight: 500;
+    margin-bottom: 0.175rem;
+    color: var(--vscode-dropdown-foreground);
+}
+
+.description-text {
+    line-height: 1rem;
+    margin-bottom: 0.875rem;
+    color: var(--vscode-dropdown-foreground);
+}
+
+.actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.action {
+    flex-shrink: 0;
+}
+
+.footer {
+    margin-top: 0.75rem;
+    line-height: 1rem;
+    font-size: 12px;
+}
+
+.inner-container {
+    margin-top: 0.5rem;
+}
+
+.loader {
+    width: 100%;
+    height: 0.5rem;
+    position: relative;
+    overflow: hidden;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+    border-radius: 3px;
+    background-color: var(--vscode-editor-background);
+
+    /* Fix overflow clipping in Safari */
+    /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
+    transform: translateZ(0);
+
+    &-indicator {
+        width: 100%;
+        height: 100%;
+        background-color: var(--vscode-button-background);
+        transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
+    }
+}
+
+.error {
+    color: #de3400;
+    background-color: #f7bcbc;
+    line-height: 150%;
+    padding: 0.5rem;
+    word-break: break-word;
+    border-left: 0.5rem solid #d8000c;
+    font-weight: bold;
+}
+
+.close {
+    padding: 0.25rem;
+    align-self: flex-start;
+    margin: -0.25rem -0.25rem 0 auto;
+}

PromptsTab.module.css

@@ -0,0 +1,13 @@
+
+.prompts-input {
+    background-color: var(--vscode-sideBar-background);
+}
+
+.prompts-container {
+    height: min-content !important;
+    overflow: visible !important;
+}
+
+.prompt-migration-widget {
+    margin: 1rem 1rem -0.75rem 1rem;
+}

TabsBar.module.css

@@ -0,0 +1,121 @@
+:root {
+    --vscode-overlay-background: rgb(0 0 0 / 50%);
+    --vscode-modal-background: var(--vscode-sideBar-background);
+}
+
+/*
+    Root element which only exists to use container query
+    for changing header tabs layout.
+*/
+.tabs-root {
+    container-type: inline-size;
+    container-name: tabs-container;
+    isolation: isolate;
+}
+
+.tabs-container {
+    display: flex;
+    width: 100%;
+    padding: 0;
+    flex-direction: column;
+    justify-content: space-between;
+    position: sticky;
+    border-bottom: 1px solid var(--vscode-dropdown-border);
+    background-color: var(--vscode-sideBar-background);
+}
+
+.tabs {
+    display: flex;
+    flex-shrink: 0;
+    gap: 2px;
+    width: 100%;
+    padding: 0 8px;
+    border-bottom: 1px solid var(--vscode-dropdown-border);
+
+    & > * {
+        flex-shrink: 0;
+    }
+}
+
+.sub-tabs {
+    display: flex;
+    flex-shrink: 0;
+    gap: 8px;
+    padding: 0 8px;
+
+    & > * {
+        flex-shrink: 0;
+    }
+}
+
+.tab-action-label {
+    display: inline;
+}
+
+/*
+    For small container turn off tabs labels completely and go back
+    to one row layout for tabs and its sub actions. Note that for
+    Cody Web we have a special override since it has different tabs
+    configurations (later we switch to dynamic items query and remove
+    this override)
+*/
+@container tabs-container (width < 575px) {
+    .tabs-root:not(.tabs-root--cody-web) {
+        .tab-action-label {
+            display: none;
+        }
+    }
+}
+
+/* Special override for Cody Web tabs */
+@container tabs-container (width < 375px) {
+    .tabs-root--cody-web .tab-action-label {
+        display: none;
+    }
+}
+
+.dialog {
+    &-overlay {
+        inset: 0;
+        position: fixed;
+        background-color: var(--vscode-overlay-background);
+    }
+
+    &-content {
+        width: 90vw;
+        max-width: 450px;
+        max-height: 85vh;
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        padding: 25px;
+        border-radius: 6px;
+        background-color: var(--vscode-modal-background);
+        box-shadow: hsl(206deg 22% 7% / 35%) 0 10px 38px -10px, hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    &-title {
+        margin: 0;
+        font-weight: 500;
+        font-size: 17px;
+    }
+
+    &-description {
+        margin: 10px 0 20px;
+        font-size: 15px;
+        line-height: 1.5;
+    }
+
+    &-footer {
+        margin-top: 1.5rem;
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        gap: 0.5rem;
+    }
+}

UserAvatar.module.css

@@ -0,0 +1,19 @@
+.user-avatar {
+    isolation: isolate;
+    display: inline-flex;
+    border-radius: 50%;
+    background-color: var(--vscode-inputOption-activeBackground);
+    color: var(--vscode-inputOption-activeForeground);
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+}
+
+.sourcegraph-gradient-border {
+    --gradient-border-width: 1px;
+
+    border-radius: 50%;
+    padding: 1px;
+    background-clip: padding-box;
+    background-image: linear-gradient(180deg, #00CBEC 0%, #A112FF 50%, #FF5543 100%);
+}

VSCodeStoryDecorator.module.css

@@ -0,0 +1,45 @@
+:root {
+    --vscode-font-size: 13px;
+    --vscode-font-family: -apple-system, BlinkMacSystemFont, 'Ubuntu', 'Droid Sans', 'Segoe WPC', 'Segoe UI', sans-serif;
+    --vscode-editor-font-family: 'Monaco', 'Consolas', monospace;
+}
+
+body {
+    background-color: var(--vscode-editor-background);
+    font-size: var(--vscode-font-size);
+    font-family: var(--vscode-font-family);
+    color: var(--vscode-editor-foreground);
+}
+
+.container a {
+    color: var(--vscode-textLink-foreground);
+    text-decoration: none;
+}
+
+.container--webview {
+    padding: 0.5rem;
+    max-height: max(500px, calc(100vh - 6rem));
+    overflow: auto;
+}
+
+.container--webview, .container--cell {
+    max-width: 80%;
+    margin: 2rem auto;
+    background-color: var(--vscode-editor-background);
+    border: solid 1px var(--vscode-tab-border);
+}
+
+.container--sidebar {
+    max-width: 400px;
+    margin: 2rem auto;
+    background-color: var(--vscode-sideBar-background);
+    border: solid 1px var(--vscode-sideBar-border);
+}
+
+.container-viewport {
+    width: 100vw;
+    height: 100vh;
+    max-width: 100%;
+    max-height: 100%;
+    overflow: auto;
+}

accordion.module.css

@@ -0,0 +1,19 @@
+.accordion-trigger {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+    justify-content: space-between;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+}
+
+.accordion-trigger[data-state="open"] .accordion-trigger-chevron {
+    transform: rotate(90deg);
+}
+
+.accordion-trigger-chevron {
+    flex-shrink: 0;        /* tw-shrink-0 */
+    transition-property: transform;  /* tw-transition-transform */
+    transition-duration: 150ms;      /* tw-duration-150 */
+}

highlight.css

@@ -0,0 +1,468 @@
+:root {
+	--hl-gray-0: #bdd4e3;
+	--hl-gray-1: #8fa1b3;
+	--hl-gray-2: #c0c5ce;
+	--hl-gray-4: #4f5b66;
+	--hl-gray-5: #96b5b4;
+	--hl-gray-6: #969896;
+	--hl-dark-green: #359448;
+	--hl-dark-blue-1: #329af0;
+	--hl-dark-blue-2: #268bd2;
+	--hl-dark-blue-3: #35a5ff;
+	--hl-dark-yellow: #ebcb8b;
+	--hl-dark-red: #bf616a;
+	--hl-blue: #72c3fc;
+	--hl-yellow: #fff3bf;
+	--hl-red: #ffb0af;
+	--hl-green-1: #d3f9d8;
+	--hl-green-2: #a3be8c;
+	--hl-purple: #b48ead;
+	--hl-orange: #d08770;
+	--hl-brown: #ab7967;
+	--hl-black: #2b303b;
+	--hl-white: #f2f4f8;
+	--hl-bg-red: #bf616a;
+	--hl-bg-dark-red: #350b10;
+	--hl-bg-dark-green: #0e2414;
+	--hl-scip-identifier: #859900;
+}
+
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol,
+.hljs-name {
+	color: #569cd6;
+}
+
+.hljs-link {
+	color: #569cd6;
+	text-decoration: underline;
+}
+
+.hljs-built_in,
+.hljs-type {
+	color: #4ec9b0;
+}
+
+.hljs-number,
+.hljs-class {
+	color: #b8d7a3;
+}
+
+.hljs-string,
+.hljs-meta-string {
+	color: #d69d85;
+}
+
+.hljs-regexp,
+.hljs-template-tag {
+	color: #9a5334;
+}
+
+.hljs-subst,
+.hljs-function,
+.hljs-title,
+.hljs-params,
+.hljs-formula {
+	color: #dcdcdc;
+}
+
+.hljs-comment,
+.hljs-quote {
+	color: #57a64a;
+}
+
+.hljs-doctag {
+	color: #608b4e;
+}
+
+.hljs-meta,
+.hljs-meta-keyword,
+.hljs-tag {
+	color: #9b9b9b;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+	color: #bd63c5;
+}
+
+.hljs-attr,
+.hljs-attribute,
+.hljs-builtin-name {
+	color: #9cdcfe;
+}
+
+.hljs-section {
+	color: #ffd700;
+}
+
+.hljs-emphasis {
+	font-style: italic;
+}
+
+.hljs-strong {
+	font-weight: bold;
+}
+
+.hljs-bullet,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+	color: #d7ba7d;
+}
+
+.hljs-addition {
+	background-color: #024c00;
+	color: #d9f2d8;
+}
+
+.hljs-deletion {
+	background-color: #4c0000;
+	color: #fecccc;
+}
+
+.hl-source,
+.hl-text {
+	color: var(--hl-gray-2);
+}
+
+.hl-variable.hl-parameter.hl-function {
+	color: var(--hl-gray-0);
+}
+
+.hl-punctuation.hl-definition {
+	color: var(--hl-gray-0);
+}
+
+.hl-comment,
+.hl-punctuation.hl-definition.hl-comment {
+	color: var(--hl-dark-green);
+}
+
+.hl-keyword.hl-operator {
+	color: var(--hl-dark-blue-1);
+}
+
+.hl-keyword {
+	color: var(--hl-dark-blue-3);
+}
+
+.hl-variable {
+	color: var(--hl-blue);
+}
+
+.hl-entity.hl-name.hl-function,
+.hl-meta.hl-require,
+.hl-support.hl-function.hl-any-method,
+.hl-variable.hl-function {
+	color: var(--hl-yellow);
+}
+
+.hl-support.hl-class,
+.hl-entity.hl-name.hl-class,
+.hl-meta.hl-class {
+	color: var(--hl-blue);
+}
+
+.hl-entity.hl-other.hl-inherited-class {
+	color: var(--hl-red);
+}
+
+.hl-keyword.hl-other.hl-special-method {
+	color: var(--hl-gray-1);
+}
+
+.hl-storage {
+	color: var(--hl-dark-blue-1);
+}
+
+.hl-support.hl-function {
+	color: var(--hl-yellow);
+}
+
+.hl-string,
+.hl-constant.hl-other.hl-symbol {
+	color: var(--hl-red);
+}
+
+.hl-string.hl-regexp {
+	color: var(--hl-gray-5);
+}
+
+.hl-constant.hl-character.hl-escape {
+	color: var(--hl-gray-5);
+}
+
+.hl-constant {
+	color: var(--hl-dark-blue-1);
+}
+
+.hl-constant.hl-numeric {
+	color: var(--hl-green-1);
+}
+
+.hl-constant.hl-other.hl-color {
+	color: var(--hl-gray-5);
+}
+
+.hl-entity.hl-name.hl-tag {
+	color: var(--hl-dark-blue-1);
+}
+
+.hl-entity.hl-other.hl-attribute-name {
+	color: var(--hl-blue);
+}
+
+.hl-entity.hl-other.hl-attribute-name.hl-id,
+.hl-punctuation.hl-definition.hl-entity {
+	color: var(--hl-gray-1);
+}
+
+.hl-meta.hl-selector {
+	color: var(--hl-purple);
+}
+
+.hl-markup.hl-heading,
+.hl-punctuation.hl-definition.hl-heading,
+.hl-entity.hl-name.hl-section {
+	color: var(--hl-gray-1);
+}
+
+.hl-keyword.hl-other.hl-unit {
+	color: var(--hl-orange);
+}
+
+.hl-markup.hl-raw.hl-inline {
+	color: var(--hl-green-2);
+	/* Links */
+}
+
+.hl-string.hl-other.hl-link {
+	color: var(--hl-dark-red);
+}
+
+.hl-meta.hl-link {
+	color: var(--hl-orange);
+}
+
+.hl-meta.hl-image {
+	color: var(--hl-orange);
+}
+
+.hl-markup.hl-list {
+	color: var(--hl-dark-red);
+}
+
+.hl-punctuation.hl-section.hl-embedded,
+.hl-variable.hl-interpolation {
+	color: var(--hl-brown);
+}
+
+.hl-source.hl-diff {
+	color: var(--hl-gray-6);
+}
+
+.hl-source.hl-diff .hl-meta.hl-range {
+	color: var(--hl-dark-blue-2);
+}
+
+.hl-source.hl-diff .hl-markup.hl-deleted {
+	color: var(--hl-white);
+	background: var(--diff-remove-bg);
+}
+
+.hl-source.hl-diff .hl-markup.hl-inserted {
+	color: var(--hl-white);
+	background: var(--diff-add-bg);
+}
+
+.hl-json .hl-key .hl-string {
+	color: var(--hl-green-2);
+}
+
+.hl-typed-Keyword {
+    color: #569cd6;
+}
+
+.hl-typed-Comment {
+	color: var(--hl-dark-green);
+}
+
+.hl-typed-PunctuationDelimiter {
+	color: var(--hl-gray-2);
+}
+
+.hl-typed-PunctuationBracket {
+	color: var(--hl-gray-2);
+}
+
+.hl-typed-IdentifierKeyword {
+	color: var(--hl-dark-blue-2);
+}
+
+.hl-typed-IdentifierOperator {
+	color: var(--hl-gray-0);
+}
+
+.hl-typed-Identifier {
+	color: var(--hl-blue);
+}
+
+.hl-typed-IdentifierFunction {
+	color: var(--hl-dark-yellow);
+}
+
+.hl-typed-IdentifierType {
+	color: var(--hl-gray-1);
+}
+
+.hl-typed-IdentifierBuiltin {
+	color: var(--hl-purple);
+}
+
+.hl-typed-IdentifierNull {
+	color: var(--hl-orange);
+}
+
+.hl-typed-BooleanLiteral {
+	color: var(--hl-orange);
+}
+
+.hl-typed-IdentifierConstant {
+	color: var(--hl-orange);
+}
+
+.hl-typed-IdentifierMutableGlobal {
+	color: var(--hl-blue);
+}
+
+.hl-typed-IdentifierParameter {
+	color: var(--hl-blue);
+}
+
+.hl-typed-IdentifierLocal {
+	color: var(--hl-blue);
+}
+
+.hl-typed-IdentifierShadowed {
+	color: var(--hl-blue);
+}
+
+.hl-typed-IdentifierModule {
+	color: var(--hl-blue);
+}
+
+.hl-typed-IdentifierFunctionDefinition {
+	color: var(--hl-yellow);
+}
+
+.hl-typed-IdentifierMacro {
+	color: var(--hl-yellow);
+}
+
+.hl-typed-IdentifierMacroDefinition {
+	color: var(--hl-yellow);
+}
+
+.hl-typed-IdentifierBuiltinType {
+	color: var(--hl-orange);
+}
+
+.hl-typed-IdentifierAttribute {
+	color: var(--hl-purple);
+}
+
+.hl-typed-StringLiteral {
+	color: var(--hl-red);
+}
+
+.hl-typed-StringLiteralEscape {
+	color: var(--hl-red);
+}
+
+.hl-typed-StringLiteralSpecial {
+	color: var(--hl-red);
+}
+
+.hl-typed-StringLiteralKey {
+	color: var(--hl-red);
+}
+
+.hl-typed-CharacterLiteral {
+	color: var(--hl-red);
+}
+
+.hl-typed-NumericLiteral {
+	color: var(--hl-green-1);
+}
+
+.hl-typed-TagAttribute {
+	color: var(--hl-gray-3);
+}
+
+.theme-light .theme-contrast-compliant-syntax-highlighting {
+	--hl-property: #d33682;
+	--hl-string: #058356;
+	--hl-function: #886700;
+	--hl-object: #677700;
+	--hl-keyword: #c44e06;
+	--hl-type: #2178b6;
+	--hl-const-num: #5f66e0;
+	--hl-punctuation: #767676;
+	--hl-symbol: #6d6c6c;
+	--hl-comment: #767676;
+	--hl-modifier: #1626b8;
+	--hl-pink: var(--hl-property);
+	--hl-cyan: var(--hl-string);
+	--hl-yellow: var(--hl-function);
+	--hl-green: var(--hl-object);
+	--hl-orange: var(--hl-keyword);
+	--hl-blue: var(--hl-type);
+	--hl-purple: var(--hl-purple);
+	--hl-gray-0: var(--hl-comment);
+	--hl-gray-1: var(--hl-comment);
+	--hl-gray-2: var(--hl-comment);
+	--hl-gray-3: var(--hl-symbol);
+}
+
+.theme-light .theme-contrast-compliant-syntax-highlighting .hl-punctuation.hl-definition.hl-string {
+	color: var(--hl-punctuation);
+}
+
+.theme-light .theme-contrast-compliant-syntax-highlighting .hl-storage.hl-modifier {
+	color: var(--hl-modifier);
+}
+
+.theme-contrast-compliant-syntax-highlighting {
+	--hl-property: #eb519c;
+	--hl-string: #fb90c4;
+	--hl-function: #b58900;
+	--hl-object: #859900;
+	--hl-keyword: #329af0;
+	--hl-type: #329af0;
+	--hl-const-num: #777dec;
+	--hl-punctuation: #d66f6d;
+	--hl-symbol: #bbbbbb;
+	--hl-comment: #3ba04f;
+	--hl-other: #d08770;
+	--hl-pink: var(--hl-property);
+	--hl-yellow: var(--hl-function);
+	--hl-dark-blue-3: var(--hl-keyword);
+	--hl-dark-blue-1: var(--hl-type);
+	--hl-purple: var(--hl-const-num);
+	--hl-gray-3: var(--hl-symbol);
+	--hl-dark-green: var(--hl-comment);
+	--hl-red: var(--hl-string);
+}
+
+.theme-contrast-compliant-syntax-highlighting .hl-keyword.hl-other.hl-unit {
+	color: var(--hl-other);
+}
+
+.theme-contrast-compliant-syntax-highlighting .hl-punctuation.hl-section.hl-embedded,
+.theme-contrast-compliant-syntax-highlighting .hl-variable.hl-interpolation {
+	color: var(--hl-gray-2);
+}

index.css

@@ -0,0 +1,60 @@
+@import '@vscode/codicons/dist/codicon';
+@import url(./utils/highlight.css);
+@import url(./components/shadcn/shadcn.css);
+@import url(./themes/index.css);
+
+@font-face {
+    font-family: cody-icons;
+    font-display: block;
+    src: url('../resources/cody-icons.woff') format('woff');
+}
+
+:root {
+    /* Our syntax highlighter expects a dark code background color, regardless of the VS Code color
+    theme. */
+    --code-background: #222222;
+    --code-foreground: #ffffff;
+}
+
+#root {
+    height: 100%;
+    margin: 0 auto;
+    font-family: var(--vscode-font-family);
+    color: var(--vscode-sideBar-foreground);
+    background-color: var(--vscode-sideBar-background);
+    /* Override VS Code Webview Toolkit elements */
+    --border-width: none;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    background-color: var(--vscode-sideBar-background);
+}
+
+a {
+    font-weight: 500;
+    color: var(--vscode-textLink-foreground);
+    text-decoration: inherit;
+}
+
+a:hover {
+    color: var(--vscode-textLink-activeForeground);
+}
+
+.w-100 {
+    width: 100%;
+}
+
+.cody-chat-error {
+    color: var(--vscode-input-foreground);
+    background-color: var(--vscode-inputValidation-errorBackground);
+    padding: 0.5rem;
+}
+
+.cody-chat-error > span {
+    font-weight: bold;
+}
+

index.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <script>/*injectedScript*/</script>
+        <style>/*injectedStyle*/</style>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <!-- START CSP -->
+        <!-- This content security policy also implicitly disables inline scripts and styles. -->
+        <meta
+            http-equiv="Content-Security-Policy"
+            content="default-src 'none'; img-src 'self' https: data:; script-src 'self'; style-src 'self'; font-src data: 'self'; connect-src 'self'; object-src 'self'; frame-src 'self'; media-src blob:;"
+        />
+        <!-- DO NOT REMOVE: THIS FILE IS THE ENTRY FILE FOR CODY WEBVIEW -->
+        <!-- END CSP -->
+        <title>Cody</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="index.tsx"></script>
+    </body>
+</html>

jetbrains.css

@@ -0,0 +1,695 @@
+html[data-ide='JetBrains'] {
+    --vscode-actionBar-toggledBackground: var(--jetbrains-ToolbarComboWidget-background);
+    --vscode-activityBar-background: var(--jetbrains-ToolBar-background);
+    --vscode-activityBar-border: var(--jetbrains-ToolbarComboWidget-background);
+    --vscode-activityBar-foreground: var(--jetbrains-ToolBar-foreground);
+    --vscode-activityBar-inactiveForeground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-activityBarBadge-background: var(--jetbrains-ToolBar-background);
+    --vscode-activityBarBadge-foreground: var(--jetbrains-ToolBar-foreground);
+    --vscode-activityBarTop-activeBorder: var(--jetbrains-MenuBar-borderColor);
+    --vscode-activityBarTop-dropBorder: var(--jetbrains-MenuBar-borderColor);
+    --vscode-activityBarTop-foreground: var(--jetbrains-MenuBar-foreground);
+    --vscode-activityBarTop-inactiveForeground: var(--jetbrains-MenuBar-selectionForeground);
+    --vscode-badge-background: var(--jetbrains-Tree-selectionBackground);
+    --vscode-badge-foreground: var(--jetbrains-UIDesigner-Label-foreground);
+    --vscode-banner-iconForeground: var(--jetbrains-Button-foreground);
+    --vscode-breadcrumb-activeSelectionForeground: var(--jetbrains-Lesson-badge-newLessonForeground);
+    --vscode-breadcrumb-background: var(--jetbrains-EditorPane-background);
+    --vscode-breadcrumb-focusForeground: var(--jetbrains-EditorPane-caretForeground);
+    --vscode-breadcrumb-foreground: var(--jetbrains-EditorPane-foreground);
+    --vscode-breadcrumbPicker-background: var(--jetbrains-EditorPane-inactiveBackground);
+    --vscode-button-border: var(--jetbrains-Button-startBorderColor);
+    --vscode-button-foreground: var(--jetbrains-Button-foreground);
+    --vscode-button-secondaryForeground: var(--jetbrains-Button-foreground);
+    --vscode-button-separator: var(--jetbrains-Button-shadow);
+    --vscode-charts-blue: var(--jetbrains-CheckBox-foreground);
+    --vscode-charts-foreground: var(--jetbrains-ControlText);
+    --vscode-charts-green: var(--jetbrains-ProgressBar-passedColor);
+    --vscode-charts-lines: var(--jetbrains-Table-gridColor);
+    --vscode-charts-orange: var(--jetbrains-Bookmark-iconBackground);
+    --vscode-charts-purple: var(--jetbrains-Tooltip-learning-background);
+    --vscode-charts-red: var(--jetbrains-ProgressBar-failedColor);
+    --vscode-charts-yellow: var(--jetbrains-ValidationTooltip-warningBackground);
+    --vscode-chat-avatarBackground: var(--jetbrains-RadioButtonMenuItem-background);
+    --vscode-chat-avatarForeground: var(--jetbrains-Tooltip-foreground);
+    --vscode-chat-requestBackground: var(--jetbrains-List-background);
+    --vscode-chat-requestBorder: var(--jetbrains-Component-borderColor);
+    --vscode-chat-slashCommandBackground: var(--jetbrains-ToolbarComboWidget-background);
+    --vscode-chat-slashCommandForeground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-checkbox-background: var(--jetbrains-CheckBox-background);
+    --vscode-checkbox-border: var(--jetbrains-Component-borderColor);
+    --vscode-checkbox-foreground: var(--jetbrains-CheckBox-foreground);
+    --vscode-checkbox-selectBackground: var(--jetbrains-TextField-selectionBackground);
+    --vscode-checkbox-selectBorder: var(--jetbrains-TextField-darkShadow);
+    --vscode-commandCenter-activeBorder: var(--jetbrains-Button-default-focusColor);
+    --vscode-commandCenter-activeForeground: var(--jetbrains-Button-default-foreground);
+    --vscode-commandCenter-border: var(--jetbrains-Component-borderColor);
+    --vscode-commandCenter-debuggingBackground: var(--jetbrains-InternalFrame-borderHighlight);
+    --vscode-commandCenter-foreground: var(--jetbrains-ToolBar-foreground);
+    --vscode-commentsView-resolvedIcon: var(--jetbrains-List-selectionForeground);
+    --vscode-commentsView-unresolvedIcon: var(--jetbrains-Bookmark-mnemonic-current-foreground);
+    --vscode-contrastActiveBorder: var(--jetbrains-ActionButton-focusedBorderColor);
+    --vscode-contrastBorder: var(--jetbrains-ActionButton-hoverBorderColor);
+    --vscode-debugConsole-errorForeground: var(--jetbrains-Component-errorFocusColor);
+    --vscode-debugConsole-infoForeground: var(--jetbrains-Info);
+    --vscode-debugConsole-sourceForeground: var(--jetbrains-EditorPane-foreground);
+    --vscode-debugConsole-warningForeground: var(--jetbrains-ValidationTooltip-warningBorderColor);
+    --vscode-debugConsoleInputIcon-foreground: var(--jetbrains-Component-infoForeground);
+    --vscode-debugExceptionWidget-background: var(--jetbrains-OptionPane-background);
+    --vscode-debugExceptionWidget-border: var(--jetbrains-Component-borderColor);
+    --vscode-debugIcon-breakpointCurrentStackframeForeground: var(--jetbrains-Tree-selectionForeground);
+    --vscode-debugIcon-breakpointDisabledForeground: var(--jetbrains-RadioButton-darcula-selectionDisabledColor);
+    --vscode-debugIcon-breakpointForeground: var(--jetbrains-BookmarkMnemonicCurrent-foreground);
+    --vscode-debugIcon-breakpointStackframeForeground: var(--jetbrains-Tree-selectionForeground);
+    --vscode-debugIcon-breakpointUnverifiedForeground: var(--jetbrains-RadioButton-darcula-selectionDisabledColor);
+    --vscode-debugIcon-continueForeground: var(--jetbrains-ToolWindow-HeaderCloseButton-background);
+    --vscode-debugIcon-disconnectForeground: var(--jetbrains-Button-shadowColor);
+    --vscode-debugIcon-pauseForeground: var(--jetbrains-Button-light);
+    --vscode-debugIcon-restartForeground: var(--jetbrains-Button-highlight);
+    --vscode-debugIcon-startForeground: var(--jetbrains-Button-highlight);
+    --vscode-debugIcon-stepBackForeground: var(--jetbrains-Button-light);
+    --vscode-debugIcon-stepIntoForeground: var(--jetbrains-Button-light);
+    --vscode-debugIcon-stepOutForeground: var(--jetbrains-Button-light);
+    --vscode-debugIcon-stepOverForeground: var(--jetbrains-Button-light);
+    --vscode-debugIcon-stopForeground: var(--jetbrains-ToolWindow-HeaderCloseButton-background);
+    --vscode-debugTokenExpression-boolean: var(--jetbrains-Table-foreground);
+    --vscode-debugTokenExpression-error: var(--jetbrains-ValidationTooltip-errorBackground);
+    --vscode-debugTokenExpression-name: var(--jetbrains-ToolTip-foreground);
+    --vscode-debugTokenExpression-number: var(--jetbrains-Table-focusCellForeground);
+    --vscode-debugTokenExpression-string: var(--jetbrains-TextField-foreground);
+    --vscode-debugTokenExpression-value: var(--jetbrains-ToolTip-foreground);
+    --vscode-debugToolBar-background: var(--jetbrains-ToolWindow-Header-background);
+    --vscode-debugView-exceptionLabelBackground: var(--jetbrains-ValidationTooltip-errorBackground);
+    --vscode-debugView-exceptionLabelForeground: var(--jetbrains-ToolTip-foreground);
+    --vscode-debugView-stateLabelBackground: var(--jetbrains-ValidationTooltip-warningBackground);
+    --vscode-debugView-stateLabelForeground: var(--jetbrains-ToolTip-foreground);
+    --vscode-debugView-valueChangedHighlight: var(--jetbrains-ProgressBar-passedColor);
+    --vscode-descriptionForeground: var(--jetbrains-Label-foreground);
+    --vscode-diffEditor-border: var(--jetbrains-SplitPaneDivider-draggingColor);
+    --vscode-diffEditor-insertedTextBorder: var(--jetbrains-Table-selectionBackground);
+    --vscode-diffEditor-move-border: var(--jetbrains-ToolWindow-HeaderTab-selectedInactiveBackground);
+    --vscode-diffEditor-moveActive-border: var(--jetbrains-ToolWindow-HeaderTab-selectedBackground);
+    --vscode-diffEditor-removedTextBorder: var(--jetbrains-ProgressBar-failedEndColor);
+    --vscode-diffEditor-unchangedRegionBackground: var(--jetbrains-Table-selectionInactiveBackground);
+    --vscode-diffEditor-unchangedRegionForeground: var(--jetbrains-Table-foreground);
+    --vscode-diffEditor-unchangedRegionShadow: var(--jetbrains-ScrollBar-thumbDarkShadow);
+    --vscode-disabledForeground: var(--jetbrains-CheckBoxMenuItem-disabledForeground);
+    --vscode-dropdown-background: var(--jetbrains-ComboBox-background);
+    --vscode-dropdown-border: var(--jetbrains-ActionButton-hoverBorderColor);
+    --vscode-dropdown-foreground: var(--jetbrains-ComboBox-foreground);
+    --vscode-dropdown-listBackground: var(--jetbrains-ComboBox-buttonBackground);
+    --vscode-editor-background: var(--jetbrains-EditorPane-background);
+    --vscode-editor-findMatchBorder: var(--jetbrains-DragAndDrop-borderColor);
+    --vscode-editor-findMatchHighlightBorder: var(--jetbrains-SegmentedButton-selectedEndBorderColor);
+    --vscode-editor-findRangeHighlightBorder: var(--jetbrains-Table-dropLineShortColor);
+    --vscode-editor-focusedStackFrameHighlightBackground: var(--jetbrains-Table-selectionBackground);
+    --vscode-editor-foreground: var(--jetbrains-EditorPane-foreground);
+    --vscode-editor-hoverHighlightBackground: var(--jetbrains-ActionButton-hoverBackground);
+    --vscode-editor-inactiveSelectionBackground: var(--jetbrains-TextComponent-selectionBackgroundInactive);
+    --vscode-editor-inlineValuesBackground: var(--jetbrains-BookmarkMnemonicAvailable-background);
+    --vscode-editor-inlineValuesForeground: var(--jetbrains-Label-foreground);
+    --vscode-editor-lineHighlightBorder: var(--jetbrains-Separator-foreground);
+    --vscode-editor-linkedEditingBackground: var(--jetbrains-Menu-selectionBackground);
+    --vscode-editor-rangeHighlightBorder: var(--jetbrains-Component-focusedBorderColor);
+    --vscode-editor-selectionBackground: var(--jetbrains-EditorPane-selectionBackground);
+    --vscode-editor-selectionForeground: var(--jetbrains-EditorPane-selectionForeground);
+    --vscode-editor-selectionHighlightBorder: var(--jetbrains-SegmentedButton-selectedStartBorderColor);
+    --vscode-editor-snippetFinalTabstopHighlightBorder: var(--jetbrains-SegmentedButton-focusColor);
+    --vscode-editor-snippetTabstopHighlightBackground: var(--jetbrains-SegmentedButton-selectedButtonColor);
+    --vscode-editor-stackFrameHighlightBackground: var(--jetbrains-Table-selectionInactiveBackground);
+    --vscode-editor-symbolHighlightBorder: var(--jetbrains-MenuItem-selectionBackground);
+    --vscode-editor-wordHighlightBorder: var(--jetbrains-Button-default-startBorderColor);
+    --vscode-editor-wordHighlightStrongBorder: var(--jetbrains-TextField-darkShadow);
+    --vscode-editor-wordHighlightTextBorder: var(--jetbrains-Component-errorFocusColor);
+    --vscode-editorActiveLineNumber-foreground: var(--jetbrains-TextField-highlight);
+    --vscode-editorBracketHighlight-foreground1: var(--jetbrains-MenuItem-acceleratorForeground);
+    --vscode-editorBracketHighlight-foreground2: var(--jetbrains-Table-selectionForeground);
+    --vscode-editorBracketHighlight-foreground3: var(--jetbrains-ToolTip-infoForeground);
+    --vscode-editorBracketHighlight-foreground4: var(--jetbrains-Tree-textForeground);
+    --vscode-editorBracketHighlight-foreground5: var(--jetbrains-InfoText);
+    --vscode-editorBracketHighlight-foreground6: var(--jetbrains-Tree-foreground);
+    --vscode-editorBracketHighlight-unexpectedBracket-foreground: var(--jetbrains-Hyperlink-linkColor);
+    --vscode-editorBracketMatch-background: var(--jetbrains-EditorBracketMatch-background);
+    --vscode-editorBracketMatch-border: var(--jetbrains-EditorBracketMatch-border);
+    --vscode-editorBracketPairGuide-activeBackground1: var(--jetbrains-EditorBracketPairGuide-activeBackground1);
+    --vscode-editorBracketPairGuide-activeBackground2: var(--jetbrains-EditorBracketPairGuide-activeBackground2);
+    --vscode-editorBracketPairGuide-activeBackground3: var(--jetbrains-EditorBracketPairGuide-activeBackground3);
+    --vscode-editorBracketPairGuide-activeBackground4: var(--jetbrains-EditorBracketPairGuide-activeBackground4);
+    --vscode-editorBracketPairGuide-activeBackground5: var(--jetbrains-EditorBracketPairGuide-activeBackground5);
+    --vscode-editorBracketPairGuide-activeBackground6: var(--jetbrains-EditorBracketPairGuide-activeBackground6);
+    --vscode-editorBracketPairGuide-background1: var(--jetbrains-EditorBracketPairGuide-background1);
+    --vscode-editorBracketPairGuide-background2: var(--jetbrains-EditorBracketPairGuide-background2);
+    --vscode-editorBracketPairGuide-background3: var(--jetbrains-EditorBracketPairGuide-background3);
+    --vscode-editorBracketPairGuide-background4: var(--jetbrains-EditorBracketPairGuide-background4);
+    --vscode-editorBracketPairGuide-background5: var(--jetbrains-EditorBracketPairGuide-background5);
+    --vscode-editorBracketPairGuide-background6: var(--jetbrains-EditorBracketPairGuide-background6);
+    --vscode-editorCodeLens-foreground: var(--jetbrains-EditorCodeLens-foreground);
+    --vscode-editorCommentsWidget-rangeActiveBackground: var(--jetbrains-EditorCommentsWidget-rangeActiveBackground);
+    --vscode-editorCommentsWidget-rangeBackground: var(--jetbrains-EditorCommentsWidget-rangeBackground);
+    --vscode-editorCommentsWidget-replyInputBackground: var(--jetbrains-EditorCommentsWidget-replyInputBackground);
+    --vscode-editorCommentsWidget-resolvedBorder: var(--jetbrains-EditorCommentsWidget-resolvedBorder);
+    --vscode-editorCommentsWidget-unresolvedBorder: var(--jetbrains-EditorCommentsWidget-unresolvedBorder);
+    --vscode-editorCursor-foreground: var(--jetbrains-EditorCursor-foreground);
+    --vscode-editorError-border: var(--jetbrains-EditorError-border);
+    --vscode-editorError-foreground: var(--jetbrains-EditorError-foreground);
+    --vscode-editorGhostText-border: var(--jetbrains-EditorGhostText-border);
+    --vscode-editorGroup-border: var(--jetbrains-EditorGroup-border);
+    --vscode-editorGroup-dropIntoPromptBackground: var(--jetbrains-EditorGroup-dropIntoPromptBackground);
+    --vscode-editorGroup-dropIntoPromptBorder: var(--jetbrains-EditorGroup-dropIntoPromptBorder);
+    --vscode-editorGroup-dropIntoPromptForeground: var(--jetbrains-EditorGroup-dropIntoPromptForeground);
+    --vscode-editorGroup-focusedEmptyBorder: var(--jetbrains-EditorGroup-focusedEmptyBorder);
+    --vscode-editorGroupHeader-border: var(--jetbrains-EditorGroupHeader-border);
+    --vscode-editorGroupHeader-noTabsBackground: var(--jetbrains-EditorGroupHeader-noTabsBackground);
+    --vscode-editorGutter-addedBackground: var(--jetbrains-EditorGutter-addedBackground);
+    --vscode-editorGutter-background: var(--jetbrains-EditorGutter-background);
+    --vscode-editorGutter-commentGlyphForeground: var(--jetbrains-EditorGutter-commentGlyphForeground);
+    --vscode-editorGutter-commentRangeForeground: var(--jetbrains-EditorGutter-commentRangeForeground);
+    --vscode-editorGutter-commentUnresolvedGlyphForeground: var(--jetbrains-EditorGutter-commentUnresolvedGlyphForeground);
+    --vscode-editorGutter-deletedBackground: var(--jetbrains-EditorGutter-deletedBackground);
+    --vscode-editorGutter-foldingControlForeground: var(--jetbrains-EditorGutter-foldingControlForeground);
+    --vscode-editorGutter-modifiedBackground: var(--jetbrains-EditorGutter-modifiedBackground);
+    --vscode-editorHint-border: var(--jetbrains-EditorHint-border);
+    --vscode-editorHoverWidget-background: var(--jetbrains-EditorHoverWidget-background);
+    --vscode-editorHoverWidget-border: var(--jetbrains-EditorHoverWidget-border);
+    --vscode-editorHoverWidget-foreground: var(--jetbrains-EditorHoverWidget-foreground);
+    --vscode-editorHoverWidget-highlightForeground: var(--jetbrains-TextField-foreground);
+    --vscode-editorHoverWidget-statusBarBackground: var(--jetbrains-StatusBar-foreground);
+    --vscode-editorIndentGuide-activeBackground: var(--jetbrains-TextPane-foreground);
+    --vscode-editorIndentGuide-activeBackground1: var(--jetbrains-TabbedPane-underlineColor);
+    --vscode-editorIndentGuide-activeBackground2: var(--jetbrains-PopupMenu-selectionForeground);
+    --vscode-editorIndentGuide-activeBackground3: var(--jetbrains-Table-selectionForeground);
+    --vscode-editorIndentGuide-activeBackground4: var(--jetbrains-Tree-textForeground);
+    --vscode-editorIndentGuide-activeBackground5: var(--jetbrains-Menu-selectionForeground);
+    --vscode-editorIndentGuide-activeBackground6: var(--jetbrains-TextPane-selectionForeground);
+    --vscode-editorIndentGuide-background: var(--jetbrains-Separator-foreground);
+    --vscode-editorIndentGuide-background1: var(--jetbrains-scrollbar);
+    --vscode-editorIndentGuide-background2: var(--jetbrains-Scrollbar-background);
+    --vscode-editorIndentGuide-background3: var(--jetbrains-Scrollbar-thumb);
+    --vscode-editorIndentGuide-background4: var(--jetbrains-Scrollbar-thumbShadow);
+    --vscode-editorIndentGuide-background5: var(--jetbrains-Scrollbar-track);
+    --vscode-editorIndentGuide-background6: var(--jetbrains-Scrollbar-trackHighlight);
+    --vscode-editorInfo-border: var(--jetbrains-ValidationTooltip-errorBorderColor);
+    --vscode-editorInfo-foreground: var(--jetbrains-ValidatedTooltip-warningBorderColor);
+    --vscode-editorInlayHint-background: var(--jetbrains-RolloverMousePressedForeground);
+    --vscode-editorInlayHint-foreground: var(--jetbrains-RolloverMousePressedBackground);
+    --vscode-editorInlayHint-parameterBackground: var(--jetbrains-RecentLocations-colors);
+    --vscode-editorInlayHint-parameterForeground: var(--jetbrains-RecentLocations-colors);
+    --vscode-editorInlayHint-typeBackground: var(--jetbrains-RecentLocations-menuBackground);
+    --vscode-editorInlayHint-typeForeground: var(--jetbrains-RecentLocations-menuForeground);
+    --vscode-editorLightBulb-foreground: var(--jetbrains-EditorTabs-foreground);
+    --vscode-editorLightBulbAi-foreground: var(--jetbrains-EditorTabs-underlinedTabBackground);
+    --vscode-editorLightBulbAutoFix-foreground: var(--jetbrains-FormattedTextField-foreground);
+    --vscode-editorLineNumber-activeForeground: var(--jetbrains-FormattedTextField-background);
+    --vscode-editorLineNumber-foreground: var(--jetbrains-PasswordField-foreground);
+    --vscode-editorLink-activeForeground: var(--jetbrains-Popup-translucentBackground);
+    --vscode-editorMarkerNavigation-background: var(--jetbrains-ToolWindow-headerTab-selectedInactiveBackground);
+    --vscode-editorMarkerNavigationError-background: var(--jetbrains-Toolbar-darkShadow);
+    --vscode-editorMarkerNavigationInfo-background: var(--jetbrains-TabbedPane-darkShadow);
+    --vscode-editorMarkerNavigationWarning-background: var(--jetbrains-TabbedPane-foreground);
+    --vscode-editorMarkerNavigationWarning-headerBackground: var(--jetbrains-Toolbar-highlight);
+    --vscode-editorMultiCursor-primary-foreground: var(--jetbrains-Button-light);
+    --vscode-editorMultiCursor-secondary-foreground: var(--jetbrains-ToggleButton-shadow);
+    --vscode-editorOverviewRuler-addedForeground: var(--jetbrains-EditorPane-selectionForeground);
+    --vscode-editorOverviewRuler-border: var(--jetbrains-Separator-shadow);
+    --vscode-editorOverviewRuler-bracketMatchForeground: var(--jetbrains-Scrollbar-thumbHighlight);
+    --vscode-editorOverviewRuler-commentForeground: var(--jetbrains-TextPane-foreground);
+    --vscode-editorOverviewRuler-commentUnresolvedForeground: var(--jetbrains-Button-shadow);
+    --vscode-editorOverviewRuler-commonContentForeground: var(--jetbrains-CheckBox-foreground);
+    --vscode-editorOverviewRuler-currentContentForeground: var(--jetbrains-EditorPane-selectionBackground);
+    --vscode-editorOverviewRuler-deletedForeground: var(--jetbrains-ProgressBar-failedColor);
+    --vscode-editorOverviewRuler-errorForeground: var(--jetbrains-ValidationTooltip-errorBorderColor);
+    --vscode-editorOverviewRuler-findMatchForeground: var(--jetbrains-EditorPane-selectionForeground);
+    --vscode-editorOverviewRuler-incomingContentForeground: var(--jetbrains-ProgressBar-passedEndColor);
+    --vscode-editorOverviewRuler-infoForeground: var(--jetbrains-ToolTip-infoForeground);
+    --vscode-editorOverviewRuler-modifiedForeground: var(--jetbrains-ProgressBar-progressColor);
+    --vscode-editorOverviewRuler-rangeHighlightForeground: var(--jetbrains-TextPane-selectionForeground);
+    --vscode-editorOverviewRuler-selectionHighlightForeground: var(--jetbrains-EditorPane-background);
+    --vscode-editorOverviewRuler-warningForeground: var(--jetbrains-ValidationTooltip-warningBorderColor);
+    --vscode-editorOverviewRuler-wordHighlightForeground: var(--jetbrains-EditorPane-selectionForeground);
+    --vscode-editorOverviewRuler-wordHighlightStrongForeground: var(--jetbrains-TextPane-selectionForeground);
+    --vscode-editorOverviewRuler-wordHighlightTextForeground: var(--jetbrains-EditorPane-selectionForeground);
+    --vscode-editorPane-background: var(--jetbrains-EditorPane-background);
+    --vscode-editorRuler-foreground: var(--jetbrains-EditorRuler-foreground);
+    --vscode-editorStickyScroll-background: var(--jetbrains-EditorStickyScroll-background);
+    --vscode-editorStickyScroll-border: var(--jetbrains-EditorStickyScroll-border);
+    --vscode-editorSuggestWidget-background: var(--jetbrains-EditorSuggestWidget-background);
+    --vscode-editorSuggestWidget-border: var(--jetbrains-EditorSuggestWidget-border);
+    --vscode-editorSuggestWidget-focusHighlightForeground: var(--jetbrains-EditorSuggestWidget-focusHighlightForeground);
+    --vscode-editorSuggestWidget-foreground: var(--jetbrains-EditorSuggestWidget-foreground);
+    --vscode-editorSuggestWidget-highlightForeground: var(--jetbrains-EditorSuggestWidget-highlightForeground);
+    --vscode-editorSuggestWidgetStatus-foreground: var(--jetbrains-EditorSuggestWidgetStatus-foreground);
+    --vscode-editorUnicodeHighlight-border: var(--jetbrains-EditorUnicodeHighlight-border);
+    --vscode-editorUnnecessaryCode-border: var(--jetbrains-EditorUnnecessaryCode-border);
+    --vscode-editorWarning-border: var(--jetbrains-EditorWarning-border);
+    --vscode-editorWarning-foreground: var(--jetbrains-EditorWarning-foreground);
+    --vscode-editorWatermark-foreground: var(--jetbrains-EditorWatermark-foreground);
+    --vscode-editorWhitespace-foreground: var(--jetbrains-EditorWhitespace-foreground);
+    --vscode-editorWidget-background: var(--jetbrains-EditorWidget-background);
+    --vscode-editorWidget-border: var(--jetbrains-EditorWidget-border);
+    --vscode-editorWidget-foreground: var(--jetbrains-EditorWidget-foreground);
+    --vscode-errorForeground: var(--jetbrains-ErrorForeground);
+    --vscode-extensionBadge-remoteBackground: var(--jetbrains-ExtensionBadge-remoteBackground);
+    --vscode-extensionBadge-remoteForeground: var(--jetbrains-ExtensionBadge-remoteForeground);
+    --vscode-extensionButton-separator: var(--jetbrains-ExtensionButton-separator);
+    --vscode-extensionIcon-preReleaseForeground: var(--jetbrains-ExtensionIcon-preReleaseForeground);
+    --vscode-extensionIcon-starForeground: var(--jetbrains-ExtensionIcon-starForeground);
+    --vscode-extensionIcon-verifiedForeground: var(--jetbrains-ExtensionIcon-verifiedForeground);
+    --vscode-focusBorder: var(--jetbrains-Link-hoverForeground);
+    --vscode-foreground: var(--jetbrains-Foreground);
+    --vscode-icon-foreground: var(--jetbrains-Icon-foreground);
+    --vscode-input-background: var(--jetbrains-TextField-background);
+    --vscode-input-border: var(--jetbrains-TextArea-inactiveForeground);
+    --vscode-input-foreground: var(--jetbrains-TextField-foreground);
+    --vscode-input-placeholderForeground: var(--jetbrains-TextField-foreground);
+    --vscode-inputOption-activeBackground: var(--jetbrains-ToolWindow-HeaderTab-underlineColor);
+    --vscode-inputOption-activeBorder: var(--jetbrains-TextField-borderColor);
+    --vscode-inputOption-activeForeground: var(--jetbrains-UIDesigner-Label-foreground);
+    --vscode-inputValidation-errorBackground: var(--jetbrains-Notification-ToolWindow-errorBackground);
+    --vscode-inputValidation-errorBorder: var(--jetbrains-Notification-ToolWindow-errorBorderColor);
+    --vscode-inputValidation-infoBackground: var(--jetbrains-Notification-ToolWindow-informativeBackground);
+    --vscode-inputValidation-infoBorder: var(--jetbrains-Notification-ToolWindow-informativeBorderColor);
+    --vscode-inputValidation-warningBackground: var(--jetbrains-Notification-ToolWindow-warningBackground);
+    --vscode-inputValidation-warningBorder: var(--jetbrains-Notification-ToolWindow-warningBorderColor);
+    --vscode-interactive-activeCodeBorder: var(--jetbrains-Interactive-activeCodeBorder);
+    --vscode-interactive-inactiveCodeBorder: var(--jetbrains-Interactive-inactiveCodeBorder);
+    --vscode-keybindingLabel-background: var(--jetbrains-Label-background);
+    --vscode-keybindingLabel-border: var(--jetbrains-Menu-borderColor);
+    --vscode-keybindingLabel-bottomBorder: var(--jetbrains-Menu-borderColor);
+    --vscode-keybindingLabel-foreground: var(--jetbrains-Label-foreground);
+    --vscode-list-deemphasizedForeground: var(--jetbrains-MenuItem-disabledForeground);
+    --vscode-list-filterMatchBorder: var(--jetbrains-MenuItem-acceleratorForeground);
+    --vscode-list-focusHighlightForeground: var(--jetbrains-MenuItem-selectionForeground);
+    --vscode-list-focusOutline: var(--jetbrains-MenuBar-shadow);
+    --vscode-list-highlightForeground: var(--jetbrains-MenuItem-selectionForeground);
+    --vscode-list-hoverBackground: var(--jetbrains-List-selectionBackground);
+    --vscode-list-invalidItemForeground: var(--jetbrains-MenuItem-disabledForeground);
+    --vscode-list-activeSelectionForeground: var(--jetbrains-List-foreground);
+    --vscode-list-activeSelectionBackground: var(--jetbrains-List-selectionBackground);
+    --vscode-listFilterWidget-background: var(--jetbrains-List-selectionBackground);
+    --vscode-listFilterWidget-noMatchesOutline: var(--jetbrains-List-selectionInactiveBackground);
+    --vscode-listFilterWidget-outline: var(--jetbrains-List-selectionInactiveBackground);
+    --vscode-menu-background: var(--jetbrains-PopupMenu-background);
+    --vscode-menu-border: var(--jetbrains-PopupMenu-selectionBackground);
+    --vscode-menu-foreground: var(--jetbrains-PopupMenu-foreground);
+    --vscode-menu-selectionBorder: var(--jetbrains-PopupMenu-selectionForeground);
+    --vscode-menu-separatorBackground: var(--jetbrains-Menu-separatorColor);
+    --vscode-menubar-selectionBorder: var(--jetbrains-Menu-separatorColor);
+    --vscode-menubar-selectionForeground: var(--jetbrains-Menu-selectionForeground);
+    --vscode-merge-border: var(--jetbrains-TextComponent-selectionBackgroundInactive);
+    --vscode-mergeEditor-change-background: var(--jetbrains-MainToolbar-Icon-pressedBackground);
+    --vscode-mergeEditor-change-word-background: var(--jetbrains-MainToolbar-Icon-background);
+    --vscode-mergeEditor-changeBase-background: var(--jetbrains-Menu-selectionForeground);
+    --vscode-mergeEditor-changeBase-word-background: var(--jetbrains-TextPane-selectionForeground);
+    --vscode-mergeEditor-conflict-handled-minimapOverViewRuler: var(--jetbrains-TextPane-inactiveForeground);
+    --vscode-mergeEditor-conflict-handledFocused-border: var(--jetbrains-TextPane-caretForeground);
+    --vscode-mergeEditor-conflict-handledUnfocused-border: var(--jetbrains-TextPane-foreground);
+    --vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler: var(--jetbrains-TextPane-background);
+    --vscode-mergeEditor-conflict-unhandledFocused-border: var(--jetbrains-TextPane-inactiveBackground);
+    --vscode-mergeEditor-conflict-unhandledUnfocused-border: var(--jetbrains-TextPane-inactiveForeground);
+    --vscode-mergeEditor-conflictingLines-background: var(--jetbrains-TextPane-caretForeground);
+    --vscode-minimap-errorHighlight: var(--jetbrains-ValidationTooltip-errorBackground);
+    --vscode-minimap-findMatchHighlight: var(--jetbrains-ValidationTooltip-errorBorderColor);
+    --vscode-minimap-foregroundOpacity: var(--jetbrains-TextPane-caretForeground);
+    --vscode-minimap-infoHighlight: var(--jetbrains-Tooltip-foreground);
+    --vscode-minimap-selectionHighlight: var(--jetbrains-Tooltip-background);
+    --vscode-minimap-selectionOccurrenceHighlight: var(--jetbrains-Tooltip-Learning-foreground);
+    --vscode-minimap-warningHighlight: var(--jetbrains-Tooltip-Learning-background);
+    --vscode-minimapGutter-addedBackground: var(--jetbrains-Scrollbar-thumb);
+    --vscode-minimapGutter-deletedBackground: var(--jetbrains-Scrollbar-thumbDarkShadow);
+    --vscode-minimapGutter-modifiedBackground: var(--jetbrains-Scrollbar-track);
+    --vscode-minimapSlider-activeBackground: var(--jetbrains-Scrollbar-trackHighlight);
+    --vscode-minimapSlider-background: var(--jetbrains-Scrollbar-foreground);
+    --vscode-minimapSlider-hoverBackground: var(--jetbrains-Scrollbar-background);
+    --vscode-multiDiffEditor-border: var(--jetbrains-Component-borderColor);
+    --vscode-notebook-cellBorderColor: var(--jetbrains-TextField-foreground);
+    --vscode-notebook-cellInsertionIndicator: var(--jetbrains-Separator-foreground);
+    --vscode-notebook-cellStatusBarItemHoverBackground: var(--jetbrains-DesktopIcon-labelBackground);
+    --vscode-notebook-cellToolbarSeparator: var(--jetbrains-Toolbar-background);
+    --vscode-notebook-focusedCellBorder: var(--jetbrains-Component-warningFocusColor);
+    --vscode-notebook-focusedEditorBorder: var(--jetbrains-Component-errorFocusColor);
+    --vscode-notebook-inactiveFocusedCellBorder: var(--jetbrains-Component-inactiveErrorFocusColor);
+    --vscode-notebook-inactiveSelectedCellBorder: var(--jetbrains-Component-inactiveWarningFocusColor);
+    --vscode-notebook-selectedCellBorder: var(--jetbrains-Component-focusedBorderColor);
+    --vscode-notebookEditorOverviewRuler-runningCellForeground: var(--jetbrains-Lesson-Badge-newLessonForeground);
+    --vscode-notebookScrollbarSlider-activeBackground: var(--jetbrains-Lesson-shortcutBackground);
+    --vscode-notebookScrollbarSlider-background: var(--jetbrains-Lesson-Badge-newLessonBackground);
+    --vscode-notebookScrollbarSlider-hoverBackground: var(--jetbrains-Lesson-Badge-newLessonBackground);
+    --vscode-notebookStatusErrorIcon-foreground: var(--jetbrains-ValidationTooltip-warningBorderColor);
+    --vscode-notebookStatusRunningIcon-foreground: var(--jetbrains-ValidationTooltip-warningBackground);
+    --vscode-notebookStatusSuccessIcon-foreground: var(--jetbrains-ValidationTooltip-warningForeground);
+    --vscode-notificationCenter-border: var(--jetbrains-notificationCenterHeader-background);
+    --vscode-notificationCenterHeader-background: var(--jetbrains-notificationLink-foreground);
+    --vscode-notificationLink-foreground: var(--jetbrains-notificationToast-border);
+    --vscode-notificationToast-border: var(--jetbrains-notifications-background);
+    --vscode-notifications-background: var(--jetbrains-notifications-foreground);
+    --vscode-notifications-border: var(--jetbrains-notificationsErrorIcon-foreground);
+    --vscode-notifications-foreground: var(--jetbrains-notificationsInfoIcon-foreground);
+    --vscode-notificationsErrorIcon-foreground: var(--jetbrains-notificationsWarningIcon-foreground);
+    --vscode-panel-background: var(--jetbrains-Panel-background);
+    --vscode-panel-border: var(--jetbrains-Panel-foreground);
+    --vscode-panel-dropBorder: var(--jetbrains-Panel-background);
+    --vscode-panelInput-border: var(--jetbrains-TextField-shadow);
+    --vscode-panelSection-border: var(--jetbrains-Panel-background);
+    --vscode-panelSectionHeader-border: var(--jetbrains-Panel-background);
+    --vscode-panelStickyScroll-background: var(--jetbrains-ScrollPane-background);
+    --vscode-panelTitle-activeBorder: var(--jetbrains-TabbedPane-focusColor);
+    --vscode-panelTitle-activeForeground: var(--jetbrains-TabbedPane-underlineColor);
+    --vscode-panelTitle-inactiveForeground: var(--jetbrains-TabbedPane-foreground);
+    --vscode-peekView-border: var(--jetbrains-InternalFrame-borderLight);
+    --vscode-peekViewEditor-background: var(--jetbrains-EditorPane-background);
+    --vscode-peekViewEditor-matchHighlightBorder: var(--jetbrains-InternalFrame-borderHighlight);
+    --vscode-peekViewEditorGutter-background: var(--jetbrains-EditorPane-background);
+    --vscode-peekViewEditorStickyScroll-background: var(--jetbrains-ScrollPane-background);
+    --vscode-peekViewResult-background: var(--jetbrains-EditorPane-background);
+    --vscode-peekViewResult-fileForeground: var(--jetbrains-FileChooser-foreground);
+    --vscode-peekViewResult-lineForeground: var(--jetbrains-TextPane-inactiveForeground);
+    --vscode-peekViewResult-selectionForeground: var(--jetbrains-Menu-selectionForeground);
+    --vscode-peekViewTitle-background: var(--jetbrains-EditorPane-background);
+    --vscode-peekViewTitleDescription-foreground: var(--jetbrains-TextPane-foreground);
+    --vscode-peekViewTitleLabel-foreground: var(--jetbrains-TextPane-foreground);
+    --vscode-pickerGroup-border: var(--jetbrains-Menu-separatorColor);
+    --vscode-pickerGroup-foreground: var(--jetbrains-Menu-foreground);
+    --vscode-ports-iconRunningProcessForeground: var(--jetbrains-Text-foreground);
+    --vscode-problemsErrorIcon-foreground: var(--jetbrains-ValidationTooltip-errorBorderColor);
+    --vscode-problemsInfoIcon-foreground: var(--jetbrains-InfoText);
+    --vscode-problemsWarningIcon-foreground: var(--jetbrains-WarningText);
+    --vscode-profileBadge-background: var(--jetbrains-ProgressBar-background);
+    --vscode-profileBadge-foreground: var(--jetbrains-ProgressBar-foreground);
+    --vscode-progressBar-background: var(--jetbrains-ProgressBar-background);
+    --vscode-quickInput-background: var(--jetbrains-CheckBox-background);
+    --vscode-quickInput-foreground: var(--jetbrains-ToolBar-foreground);
+    --vscode-quickInputTitle-background: var(--jetbrains-ToolBar-background);
+    --vscode-remoteHub-decorations-addedForegroundColor: var(--jetbrains-ActionButton-hoverBackground);
+    --vscode-remoteHub-decorations-conflictForegroundColor: var(--jetbrains-ValidationTooltip-warningBorderColor);
+    --vscode-remoteHub-decorations-deletedForegroundColor: var(--jetbrains-ActionButton-pressedBackground);
+    --vscode-remoteHub-decorations-ignoredResourceForeground: var(--jetbrains-Button-foreground);
+    --vscode-remoteHub-decorations-incomingAddedForegroundColor: var(--jetbrains-ActionButton-pressedBackground);
+    --vscode-remoteHub-decorations-incomingDeletedForegroundColor: var(--jetbrains-ValidationTooltip-warningBorderColor);
+    --vscode-remoteHub-decorations-incomingModifiedForegroundColor: var(--jetbrains-ProgressBar-failedColor);
+    --vscode-remoteHub-decorations-incomingRenamedForegroundColor: var(--jetbrains-TabbedPane-selectedTabTitleShadowNormalColor);
+    --vscode-remoteHub-decorations-modifiedForegroundColor: var(--jetbrains-ProgressBar-failedColor);
+    --vscode-remoteHub-decorations-submoduleForegroundColor: var(--jetbrains-ActionButton-hoverBackground);
+    --vscode-remoteHub-decorations-workspaceRepositoriesView-hasUncommittedChangesForegroundColor: var(--jetbrains-ActionButton-pressedBackground);
+    --vscode-scm-historyItemStatisticsBorder: var(--jetbrains-VersionControl-Log-Commit-currentBranchBackground);
+    --vscode-scrollbar-shadow: var(--jetbrains-ScrollBar-thumbShadow);
+    --vscode-scrollbarSlider-activeBackground: var(--jetbrains-ScrollBar-trackHighlight);
+    --vscode-scrollbarSlider-background: var(--jetbrains-ScrollBar-track);
+    --vscode-scrollbarSlider-hoverBackground: var(--jetbrains-ScrollBar-trackHighlight);
+    --vscode-search-resultsInfoForeground: var(--jetbrains-InfoText);
+    --vscode-searchEditor-findMatchBorder: var(--jetbrains-SearchEverywhere-list-separatorColor);
+    --vscode-searchEditor-textInputBorder: var(--jetbrains-SearchEverywhere-searchField-infoForeground);
+    --vscode-selection-background: var(--jetbrains-Text-selectionBackground);
+    --vscode-settings-checkboxBackground: var(--jetbrains-Settings-checkboxBackground);
+    --vscode-settings-checkboxBorder: var(--jetbrains-Settings-checkboxBorder);
+    --vscode-settings-checkboxForeground: var(--jetbrains-Settings-checkboxForeground);
+    --vscode-settings-dropdownBackground: var(--jetbrains-ComboBox-background);
+    --vscode-settings-dropdownBorder: var(--jetbrains-ComboBox-selectionForeground);
+    --vscode-settings-dropdownForeground: var(--jetbrains-ComboBox-foreground);
+    --vscode-settings-dropdownListBorder: var(--jetbrains-ComboBox-selectionForeground);
+    --vscode-settings-focusedRowBorder: var(--jetbrains-ComboBox-selectionForeground);
+    --vscode-settings-headerBorder: var(--jetbrains-Settings-headerBorder);
+    --vscode-settings-headerForeground: var(--jetbrains-Settings-headerForeground);
+    --vscode-settings-modifiedItemIndicator: var(--jetbrains-Settings-modifiedItemIndicator);
+    --vscode-settings-numberInputBackground: var(--jetbrains-Settings-numberInputBackground);
+    --vscode-settings-numberInputBorder: var(--jetbrains-Settings-numberInputBorder);
+    --vscode-settings-numberInputForeground: var(--jetbrains-Settings-numberInputForeground);
+    --vscode-settings-sashBorder: var(--jetbrains-Settings-sashBorder);
+    --vscode-settings-settingsHeaderHoverForeground: var(--jetbrains-Settings-settingsHeaderHoverForeground);
+    --vscode-settings-textInputBackground: var(--jetbrains-ComboBox-background);
+    --vscode-settings-textInputBorder: var(--jetbrains-Settings-textInputBorder);
+    --vscode-settings-textInputForeground: var(--jetbrains-ComboBox-foreground);
+    --vscode-sideBar-background: var(--jetbrains-MenuBar-background);
+    --vscode-sideBar-border: var(--jetbrains-MenuBar-borderColor);
+    --vscode-sideBarActivityBarTop-border: var(--jetbrains-MenuBar-borderColor);
+    --vscode-sideBarSectionHeader-border: var(--jetbrains-MenuBar-shadow);
+    --vscode-sideBarStickyScroll-background: var(--jetbrains-MenuBar-background);
+    --vscode-sideBarTitle-background: var(--jetbrains-MenuBar-background);
+    --vscode-sideBarTitle-foreground: var(--jetbrains-MenuBar-foreground);
+    --vscode-sideBySideEditor-horizontalBorder: var(--jetbrains-TabbedPane-darkShadow);
+    --vscode-sideBySideEditor-verticalBorder: var(--jetbrains-TabbedPane-darkShadow);
+    --vscode-simpleFindWidget-sashBorder: var(--jetbrains-Scrollbar-thumbShadow);
+    --vscode-statusBar-border: var(--jetbrains-Scrollbar-thumbShadow);
+    --vscode-statusBar-debuggingBackground: var(--jetbrains-ProgressBar-failedEndColor);
+    --vscode-statusBar-debuggingBorder: var(--jetbrains-ProgressBar-failedEndColor);
+    --vscode-statusBar-debuggingForeground: var(--jetbrains-ProgressBar-foreground);
+    --vscode-statusBar-foreground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBar-noFolderBorder: var(--jetbrains-Scrollbar-thumbShadow);
+    --vscode-statusBar-noFolderForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-activeBackground: var(--jetbrains-MainToolbar-icon-pressedBackground);
+    --vscode-statusBarItem-compactHoverBackground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-statusBarItem-errorForeground: var(--jetbrains-ValidationTooltip-errorForeground);
+    --vscode-statusBarItem-errorHoverBackground: var(--jetbrains-StatusBarItem-errorHoverForeground);
+    --vscode-statusBarItem-errorHoverForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-hoverBackground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-statusBarItem-hoverForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-offlineBackground: var(--jetbrains-StatusBarItem-offlineForeground);
+    --vscode-statusBarItem-offlineForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-offlineHoverBackground: var(--jetbrains-StatusBarItem-offlineHoverForeground);
+    --vscode-statusBarItem-offlineHoverForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-prominentBackground: var(--jetbrains-StatusBarItem-prominentForeground);
+    --vscode-statusBarItem-prominentForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-prominentHoverBackground: var(--jetbrains-StatusBarItem-prominentHoverForeground);
+    --vscode-statusBarItem-prominentHoverForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-remoteBackground: var(--jetbrains-StatusBarItem-remoteForeground);
+    --vscode-statusBarItem-remoteForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-remoteHoverBackground: var(--jetbrains-StatusBarItem-remoteHoverForeground);
+    --vscode-statusBarItem-remoteHoverForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-statusBarItem-warningForeground: var(--jetbrains-ValidationTooltip-warningForeground);
+    --vscode-statusBarItem-warningHoverBackground: var(--jetbrains-StatusBarItem-warningHoverForeground);
+    --vscode-statusBarItem-warningHoverForeground: var(--jetbrains-Scrollbar-foreground);
+    --vscode-symbolIcon-arrayForeground: var(--jetbrains-SymbolIcon-arrayForeground);
+    --vscode-symbolIcon-booleanForeground: var(--jetbrains-SymbolIcon-booleanForeground);
+    --vscode-symbolIcon-classForeground: var(--jetbrains-SymbolIcon-classForeground);
+    --vscode-symbolIcon-colorForeground: var(--jetbrains-SymbolIcon-colorForeground);
+    --vscode-symbolIcon-constantForeground: var(--jetbrains-SymbolIcon-constantForeground);
+    --vscode-symbolIcon-constructorForeground: var(--jetbrains-SymbolIcon-constructorForeground);
+    --vscode-symbolIcon-enumeratorForeground: var(--jetbrains-SymbolIcon-enumeratorForeground);
+    --vscode-symbolIcon-enumeratorMemberForeground: var(--jetbrains-SymbolIcon-enumeratorMemberForeground);
+    --vscode-symbolIcon-eventForeground: var(--jetbrains-SymbolIcon-eventForeground);
+    --vscode-symbolIcon-fieldForeground: var(--jetbrains-SymbolIcon-fieldForeground);
+    --vscode-symbolIcon-fileForeground: var(--jetbrains-SymbolIcon-fileForeground);
+    --vscode-symbolIcon-folderForeground: var(--jetbrains-SymbolIcon-folderForeground);
+    --vscode-symbolIcon-functionForeground: var(--jetbrains-SymbolIcon-functionForeground);
+    --vscode-symbolIcon-interfaceForeground: var(--jetbrains-SymbolIcon-interfaceForeground);
+    --vscode-symbolIcon-keyForeground: var(--jetbrains-SymbolIcon-keyForeground);
+    --vscode-symbolIcon-keywordForeground: var(--jetbrains-SymbolIcon-keywordForeground);
+    --vscode-symbolIcon-methodForeground: var(--jetbrains-SymbolIcon-methodForeground);
+    --vscode-symbolIcon-moduleForeground: var(--jetbrains-SymbolIcon-moduleForeground);
+    --vscode-symbolIcon-namespaceForeground: var(--jetbrains-SymbolIcon-namespaceForeground);
+    --vscode-symbolIcon-nullForeground: var(--jetbrains-SymbolIcon-nullForeground);
+    --vscode-symbolIcon-numberForeground: var(--jetbrains-SymbolIcon-numberForeground);
+    --vscode-symbolIcon-objectForeground: var(--jetbrains-SymbolIcon-objectForeground);
+    --vscode-symbolIcon-operatorForeground: var(--jetbrains-SymbolIcon-operatorForeground);
+    --vscode-symbolIcon-packageForeground: var(--jetbrains-SymbolIcon-packageForeground);
+    --vscode-symbolIcon-propertyForeground: var(--jetbrains-SymbolIcon-propertyForeground);
+    --vscode-symbolIcon-referenceForeground: var(--jetbrains-SymbolIcon-referenceForeground);
+    --vscode-symbolIcon-snippetForeground: var(--jetbrains-SymbolIcon-snippetForeground);
+    --vscode-symbolIcon-stringForeground: var(--jetbrains-SymbolIcon-stringForeground);
+    --vscode-symbolIcon-structForeground: var(--jetbrains-SymbolIcon-structForeground);
+    --vscode-symbolIcon-textForeground: var(--jetbrains-SymbolIcon-textForeground);
+    --vscode-symbolIcon-typeParameterForeground: var(--jetbrains-SymbolIcon-typeParameterForeground);
+    --vscode-symbolIcon-unitForeground: var(--jetbrains-SymbolIcon-unitForeground);
+    --vscode-symbolIcon-variableForeground: var(--jetbrains-SymbolIcon-variableForeground);
+    --vscode-tab-activeBackground: var(--jetbrains-TabbedPane-background);
+    --vscode-tab-activeForeground: var(--jetbrains-TabbedPane-foreground);
+    --vscode-tab-border: var(--jetbrains-TabbedPane-border);
+    --vscode-tab-dragAndDropBorder: var(--jetbrains-DragAndDrop-borderColor);
+    --vscode-tab-inactiveForeground: var(--jetbrains-TabbedPane-foreground);
+    --vscode-tab-inactiveModifiedBorder: var(--jetbrains-TabbedPane-selectedTabTitleShadowNormalColor);
+    --vscode-tab-lastPinnedBorder: var(--jetbrains-TabbedPane-selectedTabTitleShadowDisabledColor);
+    --vscode-tab-unfocusedActiveBackground: var(--jetbrains-TabbedPane-light);
+    --vscode-tab-unfocusedActiveForeground: var(--jetbrains-TabbedPane-selectedTabTitleShadowNormalColor);
+    --vscode-tab-unfocusedActiveModifiedBorder: var(--jetbrains-TabbedPane-focus);
+    --vscode-tab-unfocusedInactiveForeground: var(--jetbrains-TabbedPane-selectedTabTitleDisabledColor);
+    --vscode-tab-unfocusedInactiveModifiedBorder: var(--jetbrains-TabbedPane-focusColor);
+    --vscode-terminal-ansiBlack: var(--jetbrains-Text);
+    --vscode-terminal-ansiBlue: var(--jetbrains-Charts-blue);
+    --vscode-terminal-ansiBrightBlack: var(--jetbrains-TextInactiveText);
+    --vscode-terminal-ansiBrightBlue: var(--jetbrains-TextLink-foreground);
+    --vscode-terminal-ansiBrightCyan: var(--jetbrains-ActionButton-hoverBackground);
+    --vscode-terminal-ansiBrightGreen: var(--jetbrains-TextSeparator-foreground);
+    --vscode-terminal-ansiBrightMagenta: var(--jetbrains-EditorPane-caretForeground);
+    --vscode-terminal-ansiBrightRed: var(--jetbrains-ValidationTooltip-errorBackground);
+    --vscode-terminal-ansiBrightWhite: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-terminal-ansiBrightYellow: var(--jetbrains-ValidationTooltip-warningBackground);
+    --vscode-terminal-ansiCyan: var(--jetbrains-ToolbarButton-selectionBackground);
+    --vscode-terminal-ansiGreen: var(--jetbrains-ActionButton-pressedBackground);
+    --vscode-terminal-ansiMagenta: var(--jetbrains-Menu-foreground);
+    --vscode-terminal-ansiRed: var(--jetbrains-ValidationTooltip-errorBorderColor);
+    --vscode-terminal-ansiWhite: var(--jetbrains-Button-default-startBackground);
+    --vscode-terminal-ansiYellow: var(--jetbrains-ProgressBar-passedColor);
+    --vscode-terminal-border: var(--jetbrains-ProgressBar-background);
+    --vscode-terminal-findMatchBorder: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-terminal-findMatchHighlightBorder: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-terminal-foreground: var(--jetbrains-Text);
+    --vscode-terminal-hoverHighlightBackground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-terminal-inactiveSelectionBackground: var(--jetbrains-TextArea-inactiveBackground);
+    --vscode-terminal-selectionBackground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-terminal-selectionForeground: var(--jetbrains-TextHighlight);
+    --vscode-terminalCommandDecoration-defaultBackground: var(--jetbrains-TextSeparator-foreground);
+    --vscode-terminalCommandDecoration-errorBackground: var(--jetbrains-ValidationTooltip-errorBackground);
+    --vscode-terminalCommandDecoration-successBackground: var(--jetbrains-ProgressBar-passedEndColor);
+    --vscode-terminalOverviewRuler-cursorForeground: var(--jetbrains-Button-startBackground);
+    --vscode-terminalOverviewRuler-findMatchForeground: var(--jetbrains-EditorPane-selectionForeground);
+    --vscode-testing-coverCountBadgeBackground: var(--jetbrains-ToolbarComboWidget-background);
+    --vscode-testing-coverCountBadgeForeground: var(--jetbrains-ToolbarComboWidget-hoverBackground);
+    --vscode-testing-coveredBorder: var(--jetbrains-TextLink-activeForeground);
+    --vscode-testing-coveredGutterBackground: var(--jetbrains-TextCodeBlock-background);
+    --vscode-testing-iconErrored: var(--jetbrains-Button-disabledText);
+    --vscode-testing-iconErrored-retired: var(--jetbrains-Label-disabledShadow);
+    --vscode-testing-iconFailed: var(--jetbrains-Button-shadow);
+    --vscode-testing-iconFailed-retired: var(--jetbrains-Button-default-endBorderColor);
+    --vscode-testing-iconPassed: var(--jetbrains-Button-foreground);
+    --vscode-testing-iconPassed-retired: var(--jetbrains-Button-startBorderColor);
+    --vscode-testing-iconQueued: var(--jetbrains-Button-secondaryForeground);
+    --vscode-testing-iconQueued-retired: var(--jetbrains-Button-disabledBorderColor);
+    --vscode-testing-iconSkipped: var(--jetbrains-Button-endBackground);
+    --vscode-testing-iconSkipped-retired: var(--jetbrains-Button-disabledText);
+    --vscode-testing-iconUnset: var(--jetbrains-TextBlockQuote-border);
+    --vscode-testing-iconUnset-retired: var(--jetbrains-TextPreformat-foreground);
+    --vscode-testing-message-error-decorationForeground: var(--jetbrains-Button-default-foreground);
+    --vscode-testing-message-info-decorationForeground: var(--jetbrains-TextCodeBlock-background);
+    --vscode-testing-messagePeekBorder: var(--jetbrains-Button-default-startBorderColor);
+    --vscode-testing-peekBorder: var(--jetbrains-Button-default-focusColor);
+    --vscode-testing-runAction: var(--jetbrains-Toolbar-hoverOutline);
+    --vscode-testing-uncoveredBorder: var(--jetbrains-Button-secondaryForeground);
+    --vscode-testing-uncoveredGutterBackground: var(--jetbrains-Button-endBorderColor);
+    --vscode-textBlockQuote-border: var(--jetbrains-Button-shadow);
+    --vscode-textCodeBlock-background: var(--jetbrains-TextCodeBlock-background);
+    --vscode-textLink-activeForeground: var(--jetbrains-Link-hoverForeground);
+    --vscode-textLink-foreground: var(--jetbrains-Hyperlink-linkColor);
+    --vscode-textPreformat-background: var(--jetbrains-TextPreformat-background);
+    --vscode-textPreformat-foreground: var(--jetbrains-TextPreformat-foreground);
+    --vscode-textSeparator-foreground: var(--jetbrains-TextSeparator-foreground);
+    --vscode-titleBar-activeBackground: var(--jetbrains-TitleBar-activeBackground);
+    --vscode-titleBar-activeForeground: var(--jetbrains-TitleBar-activeForeground);
+    --vscode-titleBar-border: var(--jetbrains-TitleBar-border);
+    --vscode-toolbar-hoverOutline: var(--jetbrains-Toolbar-hoverOutline);
+    --vscode-tree-inactiveIndentGuidesStroke: var(--jetbrains-Tree-inactiveIndentGuidesStroke);
+    --vscode-tree-indentGuidesStroke: var(--jetbrains-Tree-indentGuidesStroke);
+    --vscode-welcomePage-progress-background: var(--jetbrains-WelcomePage-progress-background);
+    --vscode-welcomePage-progress-foreground: var(--jetbrains-WelcomePage-progress-foreground);
+    --vscode-welcomePage-tileBackground: var(--jetbrains-WelcomePage-tileBackground);
+    --vscode-welcomePage-tileBorder: var(--jetbrains-WelcomePage-tileBorder);
+    --vscode-widget-border: var(--jetbrains-Popup-borderColor);
+    --vscode-window-activeBorder: var(--jetbrains-Window-activeBorder);
+    --vscode-window-inactiveBorder: var(--jetbrains-Window-inactiveBorder);
+    --button-icon-background: var(--jetbrains-Button-iconBackground);
+    --foreground: var(--jetbrains-Button-foreground);
+
+    /* Mimic rules injected by VSCode */
+    --vscode-font-family: var(--font-family);
+    --vscode-font-weight: var(--font-weight);
+    --vscode-font-size: var(--type-ramp-base-font-size);
+    --vscode-editor-font-family: var(--font-family);
+    --vscode-editor-font-weight: var(--font-weight);
+    --vscode-editor-font-size: var(--type-ramp-minus1-font-size);
+
+    --vscode-widget-shadow: rgba(0, 0, 0, 0.36);
+
+    /* todo: get this from the vscode implementation instead of hardcoded on this theme file*/
+    --vscode-font-size: 13px;
+    scrollbar-color: var(--vscode-scrollbarSlider-background) var(--vscode-editor-background);
+}
+
+/* Mimic rules injected by VSCode */
+
+html[data-ide='JetBrains'] body {
+    overscroll-behavior-x: none;
+    background-color: var(--vscode-sideBar-background);
+    color: var(--vscode-editor-foreground);
+    font-family: var(--vscode-font-family);
+    font-weight: var(--vscode-font-weight);
+    font-size: var(--vscode-font-size);
+    margin: 0 auto;
+    padding: 0;
+}
+
+html[data-ide='JetBrains'] :matches(img, video) {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+html[data-ide='JetBrains'] :matches(a, a code) {
+    color: var(--vscode-textLink-foreground);
+}
+
+html[data-ide='JetBrains'] a:hover {
+    color: var(--vscode-textLink-activeForeground);
+}
+
+html[data-ide='JetBrains'] :matches(a, input, select, textarea):focus {
+    outline: 1px solid -webkit-focus-ring-color;
+    outline-offset: -1px;
+}
+
+html[data-ide='JetBrains'] code {
+    font-family: monospace; /* todo: get proper font from hosting platform */
+    font-size: 0.8rem;
+    color: var(--vscode-textPreformat-foreground);
+    background-color: var(--vscode-textPreformat-background);
+    padding: 1px 3px;
+    border-radius: 4px;
+}
+
+html[data-ide='JetBrains'] pre code {
+    padding: 0;
+}
+
+
+html[data-ide='JetBrains'] blockquote {
+    background: var(--vscode-textBlockQuote-background);
+    border-color: var(--vscode-textBlockQuote-border);
+}
+
+/* color-mix is not supported on JetBrains webview */
+html[data-ide='JetBrains'] .context-item-mention-node {
+    color: var(--vscode-inputOption-activeForeground);
+    background-color: var(--vscode-badge-background);
+    gap: 0.2rem;
+
+    .icon {
+        width: 1rem;
+        height: 1rem;
+    }
+}
+
+html[data-ide='JetBrains'] .container {
+    background-color: var(--vscode-input-background);
+}
+
+html[data-ide='JetBrains'] .tw-bg-muted-transparent:hover {
+    background-color: var(--jetbrains-ActionButton-hoverBackground);
+}
+
+/* Custom rule for cmdk heading:
+ * VSCode uses input background for headings.
+ * JetBrains needs different styling to distinguish headings because input background are the same as pane background. */
+
+html[data-ide='JetBrains'] [cmdk-group-heading] {
+    background: var(--jetbrains-EditorPane-inactiveBackground);
+}
+
+html[data-ide='JetBrains'] body *::-webkit-scrollbar {
+    width: 14px;
+    height: 8px;
+    background-color: transparent;
+}
+
+html[data-ide='JetBrains'] body *::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-slider-active-background);
+    border-radius: 100px;
+    border: 3px solid var(--jetbrains-Desktop-background);
+}
+
+html[data-ide='JetBrains'] pre::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+    background-color: transparent;
+}
+
+html[data-ide='JetBrains'] pre::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 100px;
+    border: 3px solid var(--code-background);
+}

minion.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <!-- This content security policy also implicitly disables inline scripts and styles. -->
+        <meta
+            http-equiv="Content-Security-Policy"
+            content="default-src 'none'; img-src {cspSource} https: data:; script-src {cspSource}; style-src {cspSource}; font-src data: {cspSource};"
+        />
+        <!-- DO NOT REMOVE: THIS FILE IS THE ENTRY FILE FOR CODY WEBVIEW -->
+        <title>Cody</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="minion/index.tsx"></script>
+    </body>
+</html>

popover.module.css

@@ -0,0 +1,5 @@
+
+.popover {
+    box-shadow: 0 193px 54px 0 rgba(0, 0, 0, 0), 0 123px 49px 0 rgba(0, 0, 0, 0.01),
+    0 69px 42px 0 rgba(0, 0, 0, 0.04), 0 31px 31px 0 rgba(0, 0, 0, 0.07), 0 8px 17px 0 rgba(0, 0, 0, 0.08);
+}

reset.css

@@ -0,0 +1,343 @@
+/*
+ Custom reset styles mixin, primary is used to scope forked
+ from Tailwind package reset styles (since tailwind doesn't support
+ prefix for base styles yet).
+
+ @layer is important since we don't want to override any custom
+ rules in application styles but want to imitate a standard reset
+ styles (layer lowers selector weight by default compared to common
+ selectors outside of layers)
+*/
+@define-mixin reset-styles {
+    @layer {
+        /*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
+
+        /*
+        1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+        2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+        */
+        *,
+        ::before,
+        ::after {
+            box-sizing: border-box; /* 1 */
+            border-width: 0; /* 2 */
+            border-style: solid; /* 2 */
+            border-color: #e5e7eb; /* 2 */
+        }
+
+        ::before,
+        ::after {
+            --tw-content: '';
+        }
+
+        /*
+        1. Add the correct height in Firefox.
+        2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+        3. Ensure horizontal rules are visible by default.
+        */
+        hr {
+            height: 0; /* 1 */
+            color: inherit; /* 2 */
+            border-top-width: 1px; /* 3 */
+        }
+
+        /*
+        Add the correct text decoration in Chrome, Edge, and Safari.
+        */
+        abbr:where([title]) {
+            text-decoration: underline dotted;
+        }
+
+        /*
+        Remove the default font size and weight for headings.
+        */
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            font-size: inherit;
+            font-weight: inherit;
+        }
+
+        /*
+        Reset links to optimize for opt-in styling instead of opt-out.
+        */
+        a {
+            color: inherit;
+            text-decoration: inherit;
+        }
+
+        /*
+        Add the correct font weight in Edge and Safari.
+        */
+        b,
+        strong {
+            font-weight: bolder;
+        }
+
+        /*
+        1. Use the user's configured `mono` font-family by default.
+        2. Use the user's configured `mono` font-feature-settings by default.
+        3. Use the user's configured `mono` font-variation-settings by default.
+        4. Correct the odd `em` font sizing in all browsers.
+        */
+        code,
+        kbd,
+        samp,
+        pre {
+            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */
+            font-feature-settings: normal; /* 2 */
+            font-variation-settings: normal; /* 3 */
+            font-size: 1em; /* 4 */
+        }
+
+        /*
+        Add the correct font size in all browsers.
+        */
+        small {
+            font-size: 80%;
+        }
+
+        /*
+        Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+        */
+        sub,
+        sup {
+            font-size: 75%;
+            line-height: 0;
+            position: relative;
+            vertical-align: baseline;
+        }
+
+        sub {
+            bottom: -0.25em;
+        }
+
+        sup {
+            top: -0.5em;
+        }
+
+        /*
+        1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+        2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+        3. Remove gaps between table borders by default.
+        */
+        table {
+            text-indent: 0; /* 1 */
+            border-color: inherit; /* 2 */
+            border-collapse: collapse; /* 3 */
+        }
+
+        /*
+        1. Change the font styles in all browsers.
+        2. Remove the margin in Firefox and Safari.
+        3. Remove default padding in all browsers.
+        */
+        button,
+        input,
+        optgroup,
+        select,
+        textarea {
+            font-family: inherit; /* 1 */
+            font-feature-settings: inherit; /* 1 */
+            font-variation-settings: inherit; /* 1 */
+            font-size: 100%; /* 1 */
+            font-weight: inherit; /* 1 */
+            line-height: inherit; /* 1 */
+            letter-spacing: inherit; /* 1 */
+            color: inherit; /* 1 */
+            margin: 0; /* 2 */
+            padding: 0; /* 3 */
+        }
+
+        /*
+        Remove the inheritance of text transform in Edge and Firefox.
+        */
+        button,
+        select {
+            text-transform: none;
+        }
+
+        /*
+        1. Correct the inability to style clickable types in iOS and Safari.
+        2. Remove default button styles.
+        */
+        button,
+        input:where([type='button']),
+        input:where([type='reset']),
+        input:where([type='submit']) {
+            appearance: button; /* 1 */
+            background-color: transparent; /* 2 */
+            background-image: none; /* 2 */
+        }
+
+        /*
+        Use the modern Firefox focus style for all focusable elements.
+        */
+        :-moz-focusring {
+            outline: auto;
+        }
+
+        /*
+        Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+        */
+        :-moz-ui-invalid {
+            box-shadow: none;
+        }
+
+        /*
+        Add the correct vertical alignment in Chrome and Firefox.
+        */
+        progress {
+            vertical-align: baseline;
+        }
+
+        /*
+        Correct the cursor style of increment and decrement buttons in Safari.
+        */
+        ::-webkit-inner-spin-button,
+        ::-webkit-outer-spin-button {
+            height: auto;
+        }
+
+        /*
+        1. Correct the odd appearance in Chrome and Safari.
+        2. Correct the outline style in Safari.
+        */
+        [type='search'] {
+            appearance: textfield; /* 1 */
+            outline-offset: -2px; /* 2 */
+        }
+
+        /*
+        Remove the inner padding in Chrome and Safari on macOS.
+        */
+        ::-webkit-search-decoration {
+            appearance: none;
+        }
+
+        /*
+        1. Correct the inability to style clickable types in iOS and Safari.
+        2. Change font properties to `inherit` in Safari.
+        */
+        ::-webkit-file-upload-button {
+            appearance: button; /* 1 */
+            font: inherit; /* 2 */
+        }
+
+        /*
+        Add the correct display in Chrome and Safari.
+        */
+        summary {
+            display: list-item;
+        }
+
+        /*
+        Removes the default spacing and border for appropriate elements.
+        */
+        blockquote,
+        dl,
+        dd,
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6,
+        hr,
+        figure,
+        p,
+        pre {
+            margin: 0;
+        }
+
+        fieldset {
+            margin: 0;
+            padding: 0;
+        }
+
+        legend {
+            padding: 0;
+        }
+
+        ol,
+        ul,
+        menu {
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+
+        /*
+        Reset default styling for dialogs.
+        */
+        dialog {
+            padding: 0;
+        }
+
+        /*
+        Prevent resizing textareas horizontally by default.
+        */
+        textarea {
+            resize: vertical;
+        }
+
+        /*
+        1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+        2. Set the default placeholder color to the user's configured gray 400 color.
+        */
+        input::placeholder,
+        textarea::placeholder {
+            opacity: 1; /* 1 */
+            color: #9ca3af; /* 2 */
+        }
+
+        /*
+        Set the default cursor for buttons.
+        */
+        button,
+        [role='button'] {
+            cursor: pointer;
+        }
+
+        /*
+        Make sure disabled buttons don't get the pointer cursor.
+        */
+        :disabled {
+            cursor: default;
+        }
+
+        /*
+        1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+        2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+           This can trigger a poorly considered lint error in some tools but is included by design.
+        */
+        img,
+        svg,
+        video,
+        canvas,
+        audio,
+        iframe,
+        embed,
+        object {
+            display: block; /* 1 */
+            vertical-align: middle; /* 2 */
+        }
+
+        /*
+        Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+        */
+        img,
+        video {
+            max-width: 100%;
+            height: auto;
+        }
+
+        /* Make elements with the HTML hidden attribute stay hidden by default */
+        [hidden] {
+            display: none;
+        }
+    }
+}

shadcn.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

styles.css

@@ -0,0 +1,44 @@
+
+/*
+Since this package is used only for Cody Web in Sourcegraph it's ok to
+not include this in the cody web package since highlights styles is already
+imported in Sourcegraph shell.
+*/
+/*@import url('../../../vscode/webviews/utils/highlight.css');*/
+@import url('../../node_modules/@vscode/codicons/dist/codicon.css');
+@import url('./reset.css');
+
+/*
+ Include tailwind "components" and "utilities" directly in
+ cody web but DON'T include base reset tailwind styles
+ since they will conflict with any possible reset/global
+ styles in consumer. See @mixin reset-styles for more details
+*/
+@tailwind components;
+@tailwind utilities;
+
+:root {
+    --vscode-font-size: 13px;
+    --vscode-font-family: -apple-system, BlinkMacSystemFont, 'Ubuntu', 'Droid Sans', 'Segoe WPC', 'Segoe UI', sans-serif;
+    --vscode-editor-font-family: 'Monaco', 'Consolas', monospace;
+}
+
+[data-cody-web-chat] {
+    /*
+     Include custom reset layer styles to avoid any big differences
+     in shadcn ui styles, they all will be scoped under [data-cody-web-chat]
+     so they won't effect any styles in consumer.
+     */
+    @mixin reset-styles;
+
+    height: 100%;
+    overflow: auto;
+    background-color: var(--vscode-editor-background);
+    font-size: var(--vscode-font-size);
+    font-family: var(--vscode-font-family);
+    color: var(--vscode-editor-foreground);
+
+    & a {
+        text-decoration: none;
+    }
+}

toolbar.module.css

@@ -0,0 +1,69 @@
+:root {
+    --toolbar-button-font-size: 12px;
+}
+
+.button {
+    &, & + aside {
+        /* Also style our popovers. */
+        font-size: var(--toolbar-button-font-size);
+        line-height: var(--toolbar-button-font-size);
+    }
+
+    user-select: none;
+    &:enabled {
+        cursor: pointer;
+    }
+
+    border-radius: 3px;
+    --padding-y: 2px;
+    --padding-x: 3px;
+    padding: var(--padding-y) var(--padding-x);
+
+    --icon-size: 16px;
+
+    --gap: 2px;
+    gap: var(--gap);
+
+    flex-shrink: 0;
+
+    > svg {
+        flex-shrink: 0;
+        width: var(--icon-size);
+        height: var(--icon-size);
+        stroke-width: 1.5px;
+    }
+}
+
+.button--icon-end-chevron > svg:last-child {
+    margin-left: calc(-1*var(--gap));
+}
+
+.button--primary {
+    color: var(--vscode-button-foreground);
+    background-color: var(--vscode-button-background);
+
+    &.button--no-icon-start {
+        padding-left: calc(2*var(--padding-x));
+    }
+
+    &.button--no-icon-end {
+        padding-right: calc(2*var(--padding-x));
+    }
+}
+
+.button--secondary {
+    opacity: 0.6;
+    color: var(--vscode-input-foreground);
+    background-color: unset;
+
+    &:enabled:is(:hover, :focus-within) {
+        opacity: 1;
+    }
+}
+
+.button:disabled {
+    opacity: 0.5;
+    &.button--secondary {
+        opacity: 0.7;
+    }
+}

visual-studio.css

@@ -0,0 +1,633 @@
+/* stylelint-disable comment-empty-line-before */
+
+html[data-ide='VisualStudio'] {
+    /* --vscode-actionBar-toggledBackground: var(); */
+    /* --vscode-activityBar-background: var(); */
+    /* --vscode-activityBar-border: var(); */
+    /* --vscode-activityBar-foreground: var(); */
+    /* --vscode-activityBar-inactiveForeground: var(); */
+    /* --vscode-activityBarBadge-background: var(); */
+    /* --vscode-activityBarBadge-foreground: var(); */
+    /* --vscode-activityBarTop-activeBorder: var(); */
+    /* --vscode-activityBarTop-dropBorder: var(); */
+    /* --vscode-activityBarTop-foreground: var(); */
+    /* --vscode-activityBarTop-inactiveForeground: var(); */
+    --vscode-badge-background: var(--visualstudio-smarttaghoverfill);
+    --vscode-badge-foreground: var(--visualstudio-smarttaghovertext);
+    /* --vscode-banner-iconForeground: var(); */
+    /* --vscode-breadcrumb-activeSelectionForeground: var(); */
+    /* --vscode-breadcrumb-background: var(); */
+    /* --vscode-breadcrumb-focusForeground: var(); */
+    /* --vscode-breadcrumb-foreground: var(); */
+    /* --vscode-breadcrumbPicker-background: var(); */
+    --vscode-button-border: var(--visualstudio-filetabbuttonhoverselectedactiveborder);
+    --vscode-button-background: var(--visualstudio-filetabbackground);
+    --vscode-button-hoverBackground: var(--visualstudio-filetabselectedbackground);
+    --vscode-button-foreground: var(--visualstudio-filetabparenttext);
+    --vscode-button-secondaryHoverBackground: var(--visualstudio-filetabprovisionalhover);
+    --vscode-button-secondaryBackground: var(--visualstudio-filetabbackground);
+    --vscode-button-secondaryForeground: var(--visualstudio-filetabinactivetext);
+    --vscode-button-separator: var(--visualstudio-filetabprimaryseparator);
+    --vscode-charts-blue: var(--visualstudio-vizsurfacesoftbluedark);
+    /* --vscode-charts-foreground: var(); */
+    --vscode-charts-green: var(--visualstudio-vizsurfacegreendark);
+    --vscode-charts-lines: var(--visualstudio-snaplines);
+    --vscode-charts-orange: var(--visualstudio-vizsurfacebrowndark);
+    --vscode-charts-purple: var(--visualstudio-vizsurfaceplumdark);
+    --vscode-charts-red: var(--visualstudio-vizsurfacereddark);
+    --vscode-charts-yellow: var(--visualstudio-vizsurfacegoldlight);
+    /* --vscode-chat-avatarBackground: var(); */
+    /* --vscode-chat-avatarForeground: var(); */
+    /* --vscode-chat-requestBackground: var(); */
+    /* --vscode-chat-requestBorder: var(); */
+    --vscode-chat-slashCommandBackground: var(--visualstudio-editorexpansionlink);
+    --vscode-chat-slashCommandForeground: var(--visualstudio-editorexpansiontext);
+    /* --vscode-checkbox-background: var(); */
+    /* --vscode-checkbox-border: var(); */
+    /* --vscode-checkbox-foreground: var(); */
+    /* --vscode-checkbox-selectBackground: var(); */
+    /* --vscode-checkbox-selectBorder: var(); */
+    /* --vscode-commandCenter-activeBorder: var(); */
+    /* --vscode-commandCenter-activeForeground: var(); */
+    /* --vscode-commandCenter-border: var(); */
+    /* --vscode-commandCenter-debuggingBackground: var(); */
+    /* --vscode-commandCenter-foreground: var(); */
+    /* --vscode-commentsView-resolvedIcon: var(); */
+    /* --vscode-commentsView-unresolvedIcon: var(); */
+    /* --vscode-contrastActiveBorder: var(); */
+    /* --vscode-contrastBorder: var(); */
+    /* --vscode-debugConsole-errorForeground: var(); */
+    /* --vscode-debugConsole-infoForeground: var(); */
+    /* --vscode-debugConsole-sourceForeground: var(); */
+    /* --vscode-debugConsole-warningForeground: var(); */
+    /* --vscode-debugConsoleInputIcon-foreground: var(); */
+    /* --vscode-debugExceptionWidget-background: var(); */
+    /* --vscode-debugExceptionWidget-border: var(); */
+    /* --vscode-debugIcon-breakpointCurrentStackframeForeground: var(); */
+    /* --vscode-debugIcon-breakpointDisabledForeground: var(); */
+    /* --vscode-debugIcon-breakpointForeground: var(); */
+    /* --vscode-debugIcon-breakpointStackframeForeground: var(); */
+    /* --vscode-debugIcon-breakpointUnverifiedForeground: var(); */
+    /* --vscode-debugIcon-continueForeground: var(); */
+    /* --vscode-debugIcon-disconnectForeground: var(); */
+    /* --vscode-debugIcon-pauseForeground: var(); */
+    /* --vscode-debugIcon-restartForeground: var(); */
+    /* --vscode-debugIcon-startForeground: var(); */
+    /* --vscode-debugIcon-stepBackForeground: var(); */
+    /* --vscode-debugIcon-stepIntoForeground: var(); */
+    /* --vscode-debugIcon-stepOutForeground: var(); */
+    /* --vscode-debugIcon-stepOverForeground: var(); */
+    /* --vscode-debugIcon-stopForeground: var(); */
+    /* --vscode-debugTokenExpression-boolean: var(); */
+    /* --vscode-debugTokenExpression-error: var(); */
+    /* --vscode-debugTokenExpression-name: var(); */
+    /* --vscode-debugTokenExpression-number: var(); */
+    /* --vscode-debugTokenExpression-string: var(); */
+    /* --vscode-debugTokenExpression-value: var(); */
+    /* --vscode-debugToolBar-background: var(); */
+    /* --vscode-debugView-exceptionLabelBackground: var(); */
+    /* --vscode-debugView-exceptionLabelForeground: var(); */
+    /* --vscode-debugView-stateLabelBackground: var(); */
+    /* --vscode-debugView-stateLabelForeground: var(); */
+    /* --vscode-debugView-valueChangedHighlight: var(); */
+    /* --vscode-descriptionForeground: var(); */
+    /* --vscode-diffEditor-border: var(); */
+    /* --vscode-diffEditor-insertedTextBorder: var(); */
+    /* --vscode-diffEditor-move-border: var(); */
+    /* --vscode-diffEditor-moveActive-border: var(); */
+    /* --vscode-diffEditor-removedTextBorder: var(); */
+    /* --vscode-diffEditor-unchangedRegionBackground: var(); */
+    /* --vscode-diffEditor-unchangedRegionForeground: var(); */
+    /* --vscode-diffEditor-unchangedRegionShadow: var(); */
+    /* --vscode-disabledForeground: var(); */
+    --vscode-dropdown-background: var(--visualstudio-dropdownbackground);
+    --vscode-dropdown-border: var(--visualstudio-dropdownborder);
+    --vscode-dropdown-foreground: var(--visualstudio-dropdowntext);
+    --vscode-dropdown-listBackground: var(--visualstudio-dropdownmouseoverbackgroundend);
+    --vscode-editor-background: var(--visualstudio-editorexpansionfill);
+    /* --vscode-editor-findMatchBorder: var(); */
+    /* --vscode-editor-findMatchHighlightBorder: var(); */
+    /* --vscode-editor-findRangeHighlightBorder: var(); */
+    /* --vscode-editor-focusedStackFrameHighlightBackground: var(); */
+    --vscode-editor-foreground: var(--visualstudio-toolwindowtext);
+    /* --vscode-editor-hoverHighlightBackground: var(); */
+    /* --vscode-editor-inactiveSelectionBackground: var(); */
+    /* --vscode-editor-inlineValuesBackground: var(); */
+    /* --vscode-editor-inlineValuesForeground: var(); */
+    /* --vscode-editor-lineHighlightBorder: var(); */
+    /* --vscode-editor-linkedEditingBackground: var(); */
+    /* --vscode-editor-rangeHighlightBorder: var(); */
+    /* --vscode-editor-selectionBackground: var(); */
+    /* --vscode-editor-selectionForeground: var(); */
+    /* --vscode-editor-selectionHighlightBorder: var(); */
+    /* --vscode-editor-snippetFinalTabstopHighlightBorder: var(); */
+    /* --vscode-editor-snippetTabstopHighlightBackground: var(); */
+    /* --vscode-editor-stackFrameHighlightBackground: var(); */
+    /* --vscode-editor-symbolHighlightBorder: var(); */
+    /* --vscode-editor-wordHighlightBorder: var(); */
+    /* --vscode-editor-wordHighlightStrongBorder: var(); */
+    /* --vscode-editor-wordHighlightTextBorder: var(); */
+    /* --vscode-editorActiveLineNumber-foreground: var(); */
+    /* --vscode-editorBracketHighlight-foreground1: var(); */
+    /* --vscode-editorBracketHighlight-foreground2: var(); */
+    /* --vscode-editorBracketHighlight-foreground3: var(); */
+    /* --vscode-editorBracketHighlight-foreground4: var(); */
+    /* --vscode-editorBracketHighlight-foreground5: var(); */
+    /* --vscode-editorBracketHighlight-foreground6: var(); */
+    /* --vscode-editorBracketHighlight-unexpectedBracket-foreground: var(); */
+    /* --vscode-editorBracketMatch-background: var(); */
+    /* --vscode-editorBracketMatch-border: var(); */
+    /* --vscode-editorBracketPairGuide-activeBackground1: var(); */
+    /* --vscode-editorBracketPairGuide-activeBackground2: var(); */
+    /* --vscode-editorBracketPairGuide-activeBackground3: var(); */
+    /* --vscode-editorBracketPairGuide-activeBackground4: var(); */
+    /* --vscode-editorBracketPairGuide-activeBackground5: var(); */
+    /* --vscode-editorBracketPairGuide-activeBackground6: var(); */
+    /* --vscode-editorBracketPairGuide-background1: var(); */
+    /* --vscode-editorBracketPairGuide-background2: var(); */
+    /* --vscode-editorBracketPairGuide-background3: var(); */
+    /* --vscode-editorBracketPairGuide-background4: var(); */
+    /* --vscode-editorBracketPairGuide-background5: var(); */
+    /* --vscode-editorBracketPairGuide-background6: var(); */
+    /* --vscode-editorCodeLens-foreground: var(); */
+    /* --vscode-editorCommentsWidget-rangeActiveBackground: var(); */
+    /* --vscode-editorCommentsWidget-rangeBackground: var(); */
+    /* --vscode-editorCommentsWidget-replyInputBackground: var(); */
+    /* --vscode-editorCommentsWidget-resolvedBorder: var(); */
+    /* --vscode-editorCommentsWidget-unresolvedBorder: var(); */
+    /* --vscode-editorCursor-foreground: var(); */
+    /* --vscode-editorError-border: var(); */
+    /* --vscode-editorError-foreground: var(); */
+    /* --vscode-editorGhostText-border: var(); */
+    /* --vscode-editorGroup-border: var(); */
+    /* --vscode-editorGroup-dropIntoPromptBackground: var(); */
+    /* --vscode-editorGroup-dropIntoPromptBorder: var(); */
+    /* --vscode-editorGroup-dropIntoPromptForeground: var(); */
+    /* --vscode-editorGroup-focusedEmptyBorder: var(); */
+    /* --vscode-editorGroupHeader-border: var(); */
+    /* --vscode-editorGroupHeader-noTabsBackground: var(); */
+    /* --vscode-editorGutter-addedBackground: var(); */
+    /* --vscode-editorGutter-background: var(); */
+    /* --vscode-editorGutter-commentGlyphForeground: var(); */
+    /* --vscode-editorGutter-commentRangeForeground: var(); */
+    /* --vscode-editorGutter-commentUnresolvedGlyphForeground: var(); */
+    /* --vscode-editorGutter-deletedBackground: var(); */
+    /* --vscode-editorGutter-foldingControlForeground: var(); */
+    /* --vscode-editorGutter-modifiedBackground: var(); */
+    /* --vscode-editorHint-border: var(); */
+    /* --vscode-editorHoverWidget-background: var(); */
+    /* --vscode-editorHoverWidget-border: var(); */
+    /* --vscode-editorHoverWidget-foreground: var(); */
+    /* --vscode-editorHoverWidget-highlightForeground: var(); */
+    /* --vscode-editorHoverWidget-statusBarBackground: var(); */
+    /* --vscode-editorIndentGuide-activeBackground: var(); */
+    /* --vscode-editorIndentGuide-activeBackground1: var(); */
+    /* --vscode-editorIndentGuide-activeBackground2: var(); */
+    /* --vscode-editorIndentGuide-activeBackground3: var(); */
+    /* --vscode-editorIndentGuide-activeBackground4: var(); */
+    /* --vscode-editorIndentGuide-activeBackground5: var(); */
+    /* --vscode-editorIndentGuide-activeBackground6: var(); */
+    /* --vscode-editorIndentGuide-background: var(); */
+    /* --vscode-editorIndentGuide-background1: var(); */
+    /* --vscode-editorIndentGuide-background2: var(); */
+    /* --vscode-editorIndentGuide-background3: var(); */
+    /* --vscode-editorIndentGuide-background4: var(); */
+    /* --vscode-editorIndentGuide-background5: var(); */
+    /* --vscode-editorIndentGuide-background6: var(); */
+    /* --vscode-editorInfo-border: var(); */
+    /* --vscode-editorInfo-foreground: var(); */
+    /* --vscode-editorInlayHint-background: var(); */
+    /* --vscode-editorInlayHint-foreground: var(); */
+    /* --vscode-editorInlayHint-parameterBackground: var(); */
+    /* --vscode-editorInlayHint-parameterForeground: var(); */
+    /* --vscode-editorInlayHint-typeBackground: var(); */
+    /* --vscode-editorInlayHint-typeForeground: var(); */
+    /* --vscode-editorLightBulb-foreground: var(); */
+    /* --vscode-editorLightBulbAi-foreground: var(); */
+    /* --vscode-editorLightBulbAutoFix-foreground: var(); */
+    /* --vscode-editorLineNumber-activeForeground: var(); */
+    /* --vscode-editorLineNumber-foreground: var(); */
+    /* --vscode-editorLink-activeForeground: var(); */
+    /* --vscode-editorMarkerNavigation-background: var(); */
+    /* --vscode-editorMarkerNavigationError-background: var(); */
+    /* --vscode-editorMarkerNavigationInfo-background: var(); */
+    /* --vscode-editorMarkerNavigationWarning-background: var(); */
+    /* --vscode-editorMarkerNavigationWarning-headerBackground: var(); */
+    /* --vscode-editorMultiCursor-primary-foreground: var(); */
+    /* --vscode-editorMultiCursor-secondary-foreground: var(); */
+    /* --vscode-editorOverviewRuler-addedForeground: var(); */
+    /* --vscode-editorOverviewRuler-border: var(); */
+    /* --vscode-editorOverviewRuler-bracketMatchForeground: var(); */
+    /* --vscode-editorOverviewRuler-commentForeground: var(); */
+    /* --vscode-editorOverviewRuler-commentUnresolvedForeground: var(); */
+    /* --vscode-editorOverviewRuler-commonContentForeground: var(); */
+    /* --vscode-editorOverviewRuler-currentContentForeground: var(); */
+    /* --vscode-editorOverviewRuler-deletedForeground: var(); */
+    /* --vscode-editorOverviewRuler-errorForeground: var(); */
+    /* --vscode-editorOverviewRuler-findMatchForeground: var(); */
+    /* --vscode-editorOverviewRuler-incomingContentForeground: var(); */
+    /* --vscode-editorOverviewRuler-infoForeground: var(); */
+    /* --vscode-editorOverviewRuler-modifiedForeground: var(); */
+    /* --vscode-editorOverviewRuler-rangeHighlightForeground: var(); */
+    /* --vscode-editorOverviewRuler-selectionHighlightForeground: var(); */
+    /* --vscode-editorOverviewRuler-warningForeground: var(); */
+    /* --vscode-editorOverviewRuler-wordHighlightForeground: var(); */
+    /* --vscode-editorOverviewRuler-wordHighlightStrongForeground: var(); */
+    /* --vscode-editorOverviewRuler-wordHighlightTextForeground: var(); */
+    --vscode-editorPane-background: var(--visualstudio-editorexpansionfill);
+    /* --vscode-editorRuler-foreground: var(); */
+    /* --vscode-editorStickyScroll-background: var(); */
+    /* --vscode-editorStickyScroll-border: var(); */
+    /* --vscode-editorSuggestWidget-background: var(); */
+    /* --vscode-editorSuggestWidget-border: var(); */
+    /* --vscode-editorSuggestWidget-focusHighlightForeground: var(); */
+    /* --vscode-editorSuggestWidget-foreground: var(); */
+    /* --vscode-editorSuggestWidget-highlightForeground: var(); */
+    /* --vscode-editorSuggestWidgetStatus-foreground: var(); */
+    /* --vscode-editorUnicodeHighlight-border: var(); */
+    /* --vscode-editorUnnecessaryCode-border: var(); */
+    /* --vscode-editorWarning-border: var(); */
+    /* --vscode-editorWarning-foreground: var(); */
+    /* --vscode-editorWatermark-foreground: var(); */
+    /* --vscode-editorWhitespace-foreground: var(); */
+    /* --vscode-editorWidget-background: var(); */
+    /* --vscode-editorWidget-border: var(); */
+    /* --vscode-editorWidget-foreground: var(); */
+    --vscode-errorForeground: var(--visualstudio-toolwindowvalidationerrortext);
+    /* --vscode-extensionBadge-remoteBackground: var(); */
+    /* --vscode-extensionBadge-remoteForeground: var(); */
+    /* --vscode-extensionButton-separator: var(); */
+    /* --vscode-extensionIcon-preReleaseForeground: var(); */
+    /* --vscode-extensionIcon-starForeground: var(); */
+    /* --vscode-extensionIcon-verifiedForeground: var(); */
+    --vscode-focusBorder: var(--visualstudio-comboboxborder);
+    --vscode-foreground: var(--visualstudio-toolwindowtext);
+    --vscode-icon-foreground: var(--visualstudio-comboboxtext);
+    --vscode-input-background: var(--visualstudio-comboboxbackground);
+    --vscode-input-border: var(--visualstudio-comboboxborder);
+    --vscode-input-foreground: var(--visualstudio-comboboxtext);
+    --vscode-input-placeholderForeground: var(--visualstudio-comboboxitemtextinactive);
+    --vscode-inputOption-activeBackground: var(--visualstudio-startpagetextcontrollinkselected);
+    --vscode-inputOption-activeBorder: var(--visualstudio-startpagetextcontrollinkselected);
+    --vscode-inputOption-activeForeground: var(--visualstudio-startpagetextbody);
+    --vscode-inputValidation-errorBackground: var(--visualstudio-statusbardebugging);
+    --vscode-inputValidation-errorBorder: var(--visualstudio-statusbardebugging);
+    --vscode-inputValidation-infoBackground: var(--visualstudio-statusbarbuilding);
+    --vscode-inputValidation-infoBorder: var(--visualstudio-statusbarbuilding);
+    /* --vscode-inputValidation-warningBackground: var(); */
+    /* --vscode-inputValidation-warningBorder: var(); */
+    /* --vscode-interactive-activeCodeBorder: var(); */
+    /* --vscode-interactive-inactiveCodeBorder: var(); */
+    --vscode-keybindingLabel-background: var(--visualstudio-helpsearchbackground);
+    --vscode-keybindingLabel-border: var(--visualstudio-helpsearchborder);
+    --vscode-keybindingLabel-bottomBorder: var(--visualstudio-helpsearchfilterborder);
+    --vscode-keybindingLabel-foreground: var(--visualstudio-helpsearchtext);
+    /* --vscode-list-deemphasizedForeground: var(); */
+    /* --vscode-list-filterMatchBorder: var(); */
+    /* --vscode-list-focusHighlightForeground: var(); */
+    /* --vscode-list-focusOutline: var(); */
+    /* --vscode-list-highlightForeground: var(); */
+    /* --vscode-list-hoverBackground: var(); */
+    --vscode-list-invalidItemForeground: var(--visualstudio-toolwindowvalidationerrortext);
+    --vscode-list-inactiveSelectionBackground: var(--visualstudio-sortbackground);
+    --vscode-list-activeSelectionForeground: var(--visualstudio-sorttext);
+    --vscode-list-activeSelectionBackground: var(--visualstudio-sortbackground);
+    /* --vscode-listFilterWidget-background: var(); */
+    /* --vscode-listFilterWidget-noMatchesOutline: var(); */
+    /* --vscode-listFilterWidget-outline: var(); */
+    /* --vscode-menu-background: var(); */
+    /* --vscode-menu-border: var(); */
+    /* --vscode-menu-foreground: var(); */
+    /* --vscode-menu-selectionBorder: var(); */
+    /* --vscode-menu-separatorBackground: var(); */
+    /* --vscode-menubar-selectionBorder: var(); */
+    /* --vscode-menubar-selectionForeground: var(); */
+    /* --vscode-merge-border: var(); */
+    /* --vscode-mergeEditor-change-background: var(); */
+    /* --vscode-mergeEditor-change-word-background: var(); */
+    /* --vscode-mergeEditor-changeBase-background: var(); */
+    /* --vscode-mergeEditor-changeBase-word-background: var(); */
+    /* --vscode-mergeEditor-conflict-handled-minimapOverViewRuler: var(); */
+    /* --vscode-mergeEditor-conflict-handledFocused-border: var(); */
+    /* --vscode-mergeEditor-conflict-handledUnfocused-border: var(); */
+    /* --vscode-mergeEditor-conflict-unhandled-minimapOverViewRuler: var(); */
+    /* --vscode-mergeEditor-conflict-unhandledFocused-border: var(); */
+    /* --vscode-mergeEditor-conflict-unhandledUnfocused-border: var(); */
+    /* --vscode-mergeEditor-conflictingLines-background: var(); */
+    /* --vscode-minimap-errorHighlight: var(); */
+    /* --vscode-minimap-findMatchHighlight: var(); */
+    /* --vscode-minimap-foregroundOpacity: var(); */
+    /* --vscode-minimap-infoHighlight: var(); */
+    /* --vscode-minimap-selectionHighlight: var(); */
+    /* --vscode-minimap-selectionOccurrenceHighlight: var(); */
+    /* --vscode-minimap-warningHighlight: var(); */
+    /* --vscode-minimapGutter-addedBackground: var(); */
+    /* --vscode-minimapGutter-deletedBackground: var(); */
+    /* --vscode-minimapGutter-modifiedBackground: var(); */
+    /* --vscode-minimapSlider-activeBackground: var(); */
+    /* --vscode-minimapSlider-background: var(); */
+    /* --vscode-minimapSlider-hoverBackground: var(); */
+    /* --vscode-multiDiffEditor-border: var(); */
+    /* --vscode-notebook-cellBorderColor: var(); */
+    /* --vscode-notebook-cellInsertionIndicator: var(); */
+    /* --vscode-notebook-cellStatusBarItemHoverBackground: var(); */
+    /* --vscode-notebook-cellToolbarSeparator: var(); */
+    /* --vscode-notebook-focusedCellBorder: var(); */
+    /* --vscode-notebook-focusedEditorBorder: var(); */
+    /* --vscode-notebook-inactiveFocusedCellBorder: var(); */
+    /* --vscode-notebook-inactiveSelectedCellBorder: var(); */
+    /* --vscode-notebook-selectedCellBorder: var(); */
+    /* --vscode-notebookEditorOverviewRuler-runningCellForeground: var(); */
+    /* --vscode-notebookScrollbarSlider-activeBackground: var(); */
+    /* --vscode-notebookScrollbarSlider-background: var(); */
+    /* --vscode-notebookScrollbarSlider-hoverBackground: var(); */
+    /* --vscode-notebookStatusErrorIcon-foreground: var(); */
+    /* --vscode-notebookStatusRunningIcon-foreground: var(); */
+    /* --vscode-notebookStatusSuccessIcon-foreground: var(); */
+    /* --vscode-notificationCenter-border: var(); */
+    /* --vscode-notificationCenterHeader-background: var(); */
+    /* --vscode-notificationLink-foreground: var(); */
+    /* --vscode-notificationToast-border: var(); */
+    /* --vscode-notifications-background: var(); */
+    /* --vscode-notifications-border: var(); */
+    /* --vscode-notifications-foreground: var(); */
+    /* --vscode-notificationsErrorIcon-foreground: var(); */
+    /* --vscode-panel-background: var(); */
+    /* --vscode-panel-border: var(); */
+    /* --vscode-panel-dropBorder: var(); */
+    /* --vscode-panelInput-border: var(); */
+    /* --vscode-panelSection-border: var(); */
+    /* --vscode-panelSectionHeader-border: var(); */
+    /* --vscode-panelStickyScroll-background: var(); */
+    /* --vscode-panelTitle-activeBorder: var(); */
+    /* --vscode-panelTitle-activeForeground: var(); */
+    /* --vscode-panelTitle-inactiveForeground: var(); */
+    /* --vscode-peekView-border: var(); */
+    /* --vscode-peekViewEditor-background: var(); */
+    /* --vscode-peekViewEditor-matchHighlightBorder: var(); */
+    /* --vscode-peekViewEditorGutter-background: var(); */
+    /* --vscode-peekViewEditorStickyScroll-background: var(); */
+    /* --vscode-peekViewResult-background: var(); */
+    /* --vscode-peekViewResult-fileForeground: var(); */
+    /* --vscode-peekViewResult-lineForeground: var(); */
+    /* --vscode-peekViewResult-selectionForeground: var(); */
+    /* --vscode-peekViewTitle-background: var(); */
+    /* --vscode-peekViewTitleDescription-foreground: var(); */
+    /* --vscode-peekViewTitleLabel-foreground: var(); */
+    /* --vscode-pickerGroup-border: var(); */
+    /* --vscode-pickerGroup-foreground: var(); */
+    /* --vscode-ports-iconRunningProcessForeground: var(); */
+    /* --vscode-problemsErrorIcon-foreground: var(); */
+    /* --vscode-problemsInfoIcon-foreground: var(); */
+    /* --vscode-problemsWarningIcon-foreground: var(); */
+    /* --vscode-profileBadge-background: var(); */
+    /* --vscode-profileBadge-foreground: var(); */
+    /* --vscode-progressBar-background: var(); */
+    --vscode-quickInput-background: var(--visualstudio-filetabbackground);
+    --vscode-quickInput-foreground: var(--visualstudio-comboboxtext);
+    --vscode-quickInputTitle-background: var(--visualstudio---visualstudio-filetabselectedbackground);
+    /* --vscode-remoteHub-decorations-addedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-conflictForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-deletedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-ignoredResourceForeground: var(); */
+    /* --vscode-remoteHub-decorations-incomingAddedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-incomingDeletedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-incomingModifiedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-incomingRenamedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-modifiedForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-submoduleForegroundColor: var(); */
+    /* --vscode-remoteHub-decorations-workspaceRepositoriesView-hasUncommittedChangesForegroundColor: var(); */
+    --vscode-scm-historyItemStatisticsBorder: var(--visualstudio-scrollbararrowglyph);
+    --vscode-scrollbar-shadow: var(--visualstudio-scrollbarthumbglyph);
+    --vscode-scrollbarSlider-activeBackground: var(--visualstudio-toolwindowbackground);
+    --vscode-scrollbarSlider-background: var(--visualstudio-toolwindowbackground);
+    --vscode-scrollbarSlider-hoverBackground: var(--visualstudio-toolwindowbackground);
+    /* --vscode-search-resultsInfoForeground: var(); */
+    /* --vscode-searchEditor-findMatchBorder: var(); */
+    /* --vscode-searchEditor-textInputBorder: var(); */
+    --vscode-selection-background: var(--visualstudio-ComboBoxSelection);
+    /* --vscode-settings-checkboxBackground: var(); */
+    /* --vscode-settings-checkboxBorder: var(); */
+    /* --vscode-settings-checkboxForeground: var(); */
+    --vscode-settings-dropdownBackground: var(--visualstudio-dropdownbackground);
+    --vscode-settings-dropdownBorder: var(--visualstudio-dropdownborder);
+    --vscode-settings-dropdownForeground: var(--visualstudio-dropdowntext);
+    --vscode-settings-dropdownListBorder: var(--visualstudio-dropdownmouseoverbackground);
+    /* --vscode-settings-focusedRowBorder: var(); */
+    /* --vscode-settings-headerBorder: var(); */
+    /* --vscode-settings-headerForeground: var(); */
+    /* --vscode-settings-modifiedItemIndicator: var(); */
+    /* --vscode-settings-numberInputBackground: var(); */
+    /* --vscode-settings-numberInputBorder: var(); */
+    /* --vscode-settings-numberInputForeground: var(); */
+    /* --vscode-settings-sashBorder: var(); */
+    /* --vscode-settings-settingsHeaderHoverForeground: var(); */
+    /* --vscode-settings-textInputBackground: var(); */
+    /* --vscode-settings-textInputBorder: var(); */
+    /* --vscode-settings-textInputForeground: var(); */
+    --vscode-sideBar-background: var(--visualstudio-toolwindowbackground);
+    --vscode-sideBar-foreground: var(--visualstudio-toolwindowtext);
+    --vscode-sideBar-border: var(--visualstudio-toolwindowborder);
+    /* --vscode-sideBarActivityBarTop-border: var(); */
+    /* --vscode-sideBarSectionHeader-border: var(); */
+    --vscode-sideBarStickyScroll-background: var(--visualstudio-dropdownbackground);
+    --vscode-sideBarTitle-background: var(--visualstudio-dropdownbackground);
+    --vscode-sideBarTitle-foreground: var(--visualstudio-toolwindowtabselectedactivetext);
+    /* --vscode-sideBySideEditor-horizontalBorder: var(); */
+    /* --vscode-sideBySideEditor-verticalBorder: var(); */
+    /* --vscode-simpleFindWidget-sashBorder: var(); */
+    /* --vscode-statusBar-border: var(); */
+    /* --vscode-statusBar-debuggingBackground: var(); */
+    /* --vscode-statusBar-debuggingBorder: var(); */
+    /* --vscode-statusBar-debuggingForeground: var(); */
+    /* --vscode-statusBar-foreground: var(); */
+    /* --vscode-statusBar-noFolderBorder: var(); */
+    /* --vscode-statusBar-noFolderForeground: var(); */
+    /* --vscode-statusBarItem-activeBackground: var(); */
+    /* --vscode-statusBarItem-compactHoverBackground: var(); */
+    /* --vscode-statusBarItem-errorForeground: var(); */
+    /* --vscode-statusBarItem-errorHoverBackground: var(); */
+    /* --vscode-statusBarItem-errorHoverForeground: var(); */
+    /* --vscode-statusBarItem-hoverBackground: var(); */
+    /* --vscode-statusBarItem-hoverForeground: var(); */
+    /* --vscode-statusBarItem-offlineBackground: var(); */
+    /* --vscode-statusBarItem-offlineForeground: var(); */
+    /* --vscode-statusBarItem-offlineHoverBackground: var(); */
+    /* --vscode-statusBarItem-offlineHoverForeground: var(); */
+    /* --vscode-statusBarItem-prominentBackground: var(); */
+    /* --vscode-statusBarItem-prominentForeground: var(); */
+    /* --vscode-statusBarItem-prominentHoverBackground: var(); */
+    /* --vscode-statusBarItem-prominentHoverForeground: var(); */
+    /* --vscode-statusBarItem-remoteBackground: var(); */
+    /* --vscode-statusBarItem-remoteForeground: var(); */
+    /* --vscode-statusBarItem-remoteHoverBackground: var(); */
+    /* --vscode-statusBarItem-remoteHoverForeground: var(); */
+    /* --vscode-statusBarItem-warningForeground: var(); */
+    /* --vscode-statusBarItem-warningHoverBackground: var(); */
+    /* --vscode-statusBarItem-warningHoverForeground: var(); */
+    /* --vscode-symbolIcon-arrayForeground: var(); */
+    /* --vscode-symbolIcon-booleanForeground: var(); */
+    /* --vscode-symbolIcon-classForeground: var(); */
+    /* --vscode-symbolIcon-colorForeground: var(); */
+    /* --vscode-symbolIcon-constantForeground: var(); */
+    /* --vscode-symbolIcon-constructorForeground: var(); */
+    /* --vscode-symbolIcon-enumeratorForeground: var(); */
+    /* --vscode-symbolIcon-enumeratorMemberForeground: var(); */
+    /* --vscode-symbolIcon-eventForeground: var(); */
+    /* --vscode-symbolIcon-fieldForeground: var(); */
+    /* --vscode-symbolIcon-fileForeground: var(); */
+    /* --vscode-symbolIcon-folderForeground: var(); */
+    /* --vscode-symbolIcon-functionForeground: var(); */
+    /* --vscode-symbolIcon-interfaceForeground: var(); */
+    /* --vscode-symbolIcon-keyForeground: var(); */
+    /* --vscode-symbolIcon-keywordForeground: var(); */
+    /* --vscode-symbolIcon-methodForeground: var(); */
+    /* --vscode-symbolIcon-moduleForeground: var(); */
+    /* --vscode-symbolIcon-namespaceForeground: var(); */
+    /* --vscode-symbolIcon-nullForeground: var(); */
+    /* --vscode-symbolIcon-numberForeground: var(); */
+    /* --vscode-symbolIcon-objectForeground: var(); */
+    /* --vscode-symbolIcon-operatorForeground: var(); */
+    /* --vscode-symbolIcon-packageForeground: var(); */
+    /* --vscode-symbolIcon-propertyForeground: var(); */
+    /* --vscode-symbolIcon-referenceForeground: var(); */
+    /* --vscode-symbolIcon-snippetForeground: var(); */
+    /* --vscode-symbolIcon-stringForeground: var(); */
+    /* --vscode-symbolIcon-structForeground: var(); */
+    /* --vscode-symbolIcon-textForeground: var(); */
+    /* --vscode-symbolIcon-typeParameterForeground: var(); */
+    /* --vscode-symbolIcon-unitForeground: var(); */
+    /* --vscode-symbolIcon-variableForeground: var(); */
+    --vscode-tab-activeBackground: var(--visualstudio-filetabactivegrouptitlebackground);
+    --vscode-tab-activeForeground: var(--visualstudio-filetabhottext);
+    --vscode-tab-border: var(--visualstudio-filetabborder);
+    --vscode-tab-dragAndDropBorder: var(--visualstudio-filetabbuttonprovisionalhoverinactiveborder);
+    --vscode-tab-inactiveForeground: var(--visualstudio-filetabinactivetext);
+    --vscode-tab-inactiveModifiedBorder: var(--visualstudio-filetabbuttonhoverinactiveborder);
+    --vscode-tab-lastPinnedBorder: var(--visualstudio-filetabbuttonhoverselectedactiveborder);
+    --vscode-tab-unfocusedActiveBackground: var(--visualstudio-filetabprovisionalhover);
+    --vscode-tab-unfocusedActiveForeground: var(--visualstudio-filetabprovisionalhoverforeground);
+    --vscode-tab-unfocusedActiveModifiedBorder: var(--visualstudio-FileTabProvisionalHoverBorder);
+    --vscode-tab-unfocusedInactiveForeground: var(--visualstudio-filetabprovisionalinactiveforeground);
+    --vscode-tab-unfocusedInactiveModifiedBorder: var(--visualstudio-filetabprovisionalselectedactiveborder);
+    /* --vscode-terminal-ansiBlack: var(); */
+    /* --vscode-terminal-ansiBlue: var(); */
+    /* --vscode-terminal-ansiBrightBlack: var(); */
+    /* --vscode-terminal-ansiBrightBlue: var(); */
+    /* --vscode-terminal-ansiBrightCyan: var(); */
+    /* --vscode-terminal-ansiBrightGreen: var(); */
+    /* --vscode-terminal-ansiBrightMagenta: var(); */
+    /* --vscode-terminal-ansiBrightRed: var(); */
+    /* --vscode-terminal-ansiBrightWhite: var(); */
+    /* --vscode-terminal-ansiBrightYellow: var(); */
+    /* --vscode-terminal-ansiCyan: var(); */
+    /* --vscode-terminal-ansiGreen: var(); */
+    /* --vscode-terminal-ansiMagenta: var(); */
+    /* --vscode-terminal-ansiRed: var(); */
+    /* --vscode-terminal-ansiWhite: var(); */
+    /* --vscode-terminal-ansiYellow: var(); */
+    /* --vscode-terminal-border: var(); */
+    /* --vscode-terminal-findMatchBorder: var(); */
+    /* --vscode-terminal-findMatchHighlightBorder: var(); */
+    /* --vscode-terminal-foreground: var(); */
+    /* --vscode-terminal-hoverHighlightBackground: var(); */
+    /* --vscode-terminal-inactiveSelectionBackground: var(); */
+    /* --vscode-terminal-selectionBackground: var(); */
+    /* --vscode-terminal-selectionForeground: var(); */
+    /* --vscode-terminalCommandDecoration-defaultBackground: var(); */
+    /* --vscode-terminalCommandDecoration-errorBackground: var(); */
+    /* --vscode-terminalCommandDecoration-successBackground: var(); */
+    /* --vscode-terminalOverviewRuler-cursorForeground: var(); */
+    /* --vscode-terminalOverviewRuler-findMatchForeground: var(); */
+    /* --vscode-testing-coverCountBadgeBackground: var(); */
+    /* --vscode-testing-coverCountBadgeForeground: var(); */
+    /* --vscode-testing-coveredBorder: var(); */
+    /* --vscode-testing-coveredGutterBackground: var(); */
+    /* --vscode-testing-iconErrored: var(); */
+    /* --vscode-testing-iconErrored-retired: var(); */
+    /* --vscode-testing-iconFailed: var(); */
+    /* --vscode-testing-iconFailed-retired: var(); */
+    /* --vscode-testing-iconPassed: var(); */
+    /* --vscode-testing-iconPassed-retired: var(); */
+    /* --vscode-testing-iconQueued: var(); */
+    /* --vscode-testing-iconQueued-retired: var(); */
+    /* --vscode-testing-iconSkipped: var(); */
+    /* --vscode-testing-iconSkipped-retired: var(); */
+    /* --vscode-testing-iconUnset: var(); */
+    /* --vscode-testing-iconUnset-retired: var(); */
+    /* --vscode-testing-message-error-decorationForeground: var(); */
+    /* --vscode-testing-message-info-decorationForeground: var(); */
+    /* --vscode-testing-messagePeekBorder: var(); */
+    /* --vscode-testing-peekBorder: var(); */
+    /* --vscode-testing-runAction: var(); */
+    /* --vscode-testing-uncoveredBorder: var(); */
+    /* --vscode-testing-uncoveredGutterBackground: var(); */
+    /* --vscode-textBlockQuote-border: var(); */
+    --vscode-textCodeBlock-background: var(--visualstudio-editorexpansionfill);
+    --vscode-textLink-activeForeground: var(--visualstudio-editorexpansionlink);
+    --vscode-textLink-foreground: var(--visualstudio-editorexpansionlink);
+    /* --vscode-textPreformat-background: var(); */
+    /* --vscode-textPreformat-foreground: var(); */
+    /* --vscode-textSeparator-foreground: var(); */
+    --vscode-titleBar-activeBackground: var(--visualstudio-paneltitlebar);
+    --vscode-titleBar-activeForeground: var(--visualstudio-paneltitlebartext);
+    /* --vscode-titleBar-border: var(); */
+    /* --vscode-toolbar-hoverOutline: var(); */
+    /* --vscode-tree-inactiveIndentGuidesStroke: var(); */
+    /* --vscode-tree-indentGuidesStroke: var(); */
+    /* --vscode-welcomePage-progress-background: var(); */
+    /* --vscode-welcomePage-progress-foreground: var(); */
+    /* --vscode-welcomePage-tileBackground: var(); */
+    /* --vscode-welcomePage-tileBorder: var(); */
+    /* --vscode-widget-border: var(); */
+    --vscode-window-activeBorder: var(--visualstudio-titlebaractiveborder);
+    --vscode-window-inactiveBorder: var(--visualstudio-titlebarinactive);
+    --button-icon-background: var(--visualstudio-filetabbackground);
+    --foreground: var(--visualstudio-toolwindowtext);
+
+    /* Mimic rules injected by VSCode */
+    --visualstudio-font-weight: normal;
+    --vscode-font-family: var(--visualstudio-ui-font-family);
+    --vscode-font-size: var(--visualstudio-ui-font-size);
+    --vscode-font-weight: var(--visualstudio-font-weight);
+    --vscode-editor-font-family: var(--visualstudio-editor-font-family);
+    --vscode-editor-font-size: var(--visualstudio-editor-font-size);
+    --vscode-editor-font-weight: var(--visualstudio-font-weight);
+    --vscode-widget-shadow: var(--visualstudio-buttonshadow);
+
+    /* Mimic rules injected by VSCode */
+    scrollbar-color: var(--visualstudio-scrollbarthumbbackground) var(--visualstudio-toolwindowbackground);
+
+}
+
+html[data-ide='VisualStudio'] body {
+    overscroll-behavior-x: none;
+    background-color: var(--vscode-sideBar-background);
+    color: var(--vscode-editor-foreground);
+    font-family: var(--vscode-font-family);
+    font-weight: var(--vscode-font-weight);
+    font-size: var(--vscode-font-size);
+    margin: 0 auto;
+    padding: 0;
+}
+
+html[data-ide='VisualStudio'] :matches(img, video) {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+html[data-ide='VisualStudio'] code {
+    font-family: var(--vscode-editor-font-family);
+    font-size: var(--vscode-editor-font-size);
+    color: var(--vscode-textPreformat-foreground);
+    background-color: var(--vscode-textPreformat-background);
+}
+
+html[data-ide='VisualStudio'] pre code {
+    padding: 0;
+}
+
+html[data-ide='VisualStudio'] blockquote {
+    background: var(--vscode-textBlockQuote-background);
+    border-color: var(--vscode-textBlockQuote-border);
+}