fix(registry): scope the 12 vscode-theme blocks' root id and fix their asset path (#4094)

This commit is contained in:
Miguel Ángel
2026-09-18 12:01:13 -04:00
committed by GitHub
parent 2279333990
commit d6a0c407d7
12 changed files with 36 additions and 24 deletions
@@ -8,6 +8,7 @@
<body>
<template id="vscode-dark-2026-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-dark-2026"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-dark-modern-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-dark-modern"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-dark-plus-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-dark-plus"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-high-contrast-light-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-high-contrast-light"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-high-contrast-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-high-contrast"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-light-2026-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-light-2026"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-light-modern-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-light-modern"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-light-plus-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-light-plus"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-monokai-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-monokai"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-solarized-light-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-solarized-light"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-visual-studio-dark-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-visual-studio-dark"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}
@@ -8,6 +8,7 @@
<body>
<template id="vscode-visual-studio-light-template">
<div
id="root"
class="vscode-theme-scene"
data-composition-id="vscode-visual-studio-light"
data-width="1920"
@@ -135,7 +136,7 @@
sans-serif;
}
.vscode-theme-scene {
#root {
--activity-bg: #181818;
--activity-fg: #d7d7d7;
--activity-muted: #868686;
@@ -176,7 +177,7 @@
overflow: hidden;
background:
linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.32)),
url("../assets/background.jpeg") center / cover no-repeat;
url("assets/background.jpeg") center / cover no-repeat;
color: var(--editor-fg);
}