Skip to content

Commit 959fae2

Browse files
pomberpomber
committed
Change theme vars prefix
1 parent 4273779 commit 959fae2

7 files changed

Lines changed: 42 additions & 42 deletions

File tree

‎packages/mdx/src/index.scss‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -36,13 +36,13 @@
3636
margin: 0.1em -0.05em;
3737
border-radius: 0.25em;
3838
font-size: 0.9rem;
39-
color: var(--ch-l-foreground);
40-
background: var(--ch-l-lighter-inlineBackground);
39+
color: var(--ch-t-foreground);
40+
background: var(--ch-t-lighter-inlineBackground);
4141
}
4242

4343
.ch-inline-code .ch-section-link,
4444
.ch-inline-code .ch-section-link * {
45-
text-decoration-color: var(--ch-l-foreground);
45+
text-decoration-color: var(--ch-t-foreground);
4646
}
4747

4848
.ch-section-link,
@@ -65,19 +65,19 @@
6565
border-radius: 0.25rem;
6666
padding: 0.2rem 0.15rem 0.1rem;
6767
margin: 0 -0.15rem;
68-
background: var(--ch-l-editor-rangeHighlightBackground);
68+
background: var(--ch-t-editor-rangeHighlightBackground);
6969
}
7070

7171
.ch-code-multiline-mark {
72-
background: var(--ch-l-editor-rangeHighlightBackground);
72+
background: var(--ch-t-editor-rangeHighlightBackground);
7373
}
7474

7575
.ch-code-multiline-mark-border {
7676
width: 3px;
7777
height: 100%;
7878
position: absolute;
7979
left: 0;
80-
background: var(--ch-l-editor-infoForeground);
80+
background: var(--ch-t-editor-infoForeground);
8181
}
8282

8383
.ch-code-multiline-mark .ch-code-button {
@@ -105,11 +105,11 @@
105105
}
106106

107107
.ch-code-box-annotation {
108-
outline: 2px solid var(--ch-l-editor-infoForeground);
108+
outline: 2px solid var(--ch-t-editor-infoForeground);
109109
}
110110

111111
.ch-code-label-annotation:hover {
112-
background: var(--ch-l-editor-lineHighlightBackground);
112+
background: var(--ch-t-editor-lineHighlightBackground);
113113
.ch-code-label-annotation-text {
114114
display: block;
115115
}

‎packages/mdx/src/mini-browser/index.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,9 @@
2222
color: #544;
2323
min-width: 5px;
2424
width: 5px;
25-
background: var(--ch-l-input-background);
26-
color: var(--ch-l-input-foreground);
27-
border: 1px solid var(--ch-l-input-border);
25+
background: var(--ch-t-input-background);
26+
color: var(--ch-t-input-foreground);
27+
border: 1px solid var(--ch-t-input-border);
2828
}
2929

3030
.ch-browser-button {
@@ -41,7 +41,7 @@
4141
}
4242

4343
.ch-browser-open-button {
44-
color: var(--ch-l-icon-foreground);
44+
color: var(--ch-t-icon-foreground);
4545
}
4646

4747
.ch-browser-open-icon {

‎packages/mdx/src/mini-editor/code-browser.scss‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@import "../utils/mixins.scss";
22

33
.ch-code-browser {
4-
color: var(--ch-l-editor-foreground);
4+
color: var(--ch-t-editor-foreground);
55
display: flex;
66
height: 100%;
77
font-family: Ubuntu, Droid Sans, -apple-system,
@@ -13,9 +13,9 @@
1313
min-width: 100px;
1414
padding: 1em 0;
1515
font-size: 0.95rem;
16-
border-color: var(--ch-l-sideBar-border);
17-
background: var(--ch-l-sideBar-background);
18-
color: var(--ch-l-sideBar-foreground);
16+
border-color: var(--ch-t-sideBar-border);
17+
background: var(--ch-t-sideBar-background);
18+
color: var(--ch-t-sideBar-foreground);
1919
}
2020

2121
.ch-code-browser-content {
@@ -29,13 +29,13 @@
2929
line-height: 1.2rem;
3030
letter-spacing: 0px;
3131
position: relative;
32-
background: var(--ch-l-background);
33-
color: var(--ch-l-foreground);
34-
color-scheme: var(--ch-l-colorScheme);
32+
background: var(--ch-t-background);
33+
color: var(--ch-t-foreground);
34+
color-scheme: var(--ch-t-colorScheme);
3535
}
3636

3737
.ch-code-browser-content ::selection {
38-
background-color: var(--ch-l-editor-selectionBackground);
38+
background-color: var(--ch-t-editor-selectionBackground);
3939
color: inherit;
4040
}
4141

@@ -49,13 +49,13 @@
4949
}
5050

5151
.ch-code-browser-sidebar-file[data-selected="true"] {
52-
background: var(--ch-l-list-activeSelectionBackground);
53-
color: var(--ch-l-list-activeSelectionForeground);
52+
background: var(--ch-t-list-activeSelectionBackground);
53+
color: var(--ch-t-list-activeSelectionForeground);
5454
}
5555

5656
.ch-code-browser-sidebar-file:hover {
57-
background-color: var(--ch-l-list-hoverBackground);
58-
color: var(--ch-l-list-hoverForeground);
57+
background-color: var(--ch-t-list-hoverBackground);
58+
color: var(--ch-t-list-hoverForeground);
5959
}
6060

6161
.ch-code-browser-button {

‎packages/mdx/src/mini-editor/dialog.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,5 +34,5 @@
3434
overflow: hidden;
3535
border-radius: 8px;
3636
border: 1px solid;
37-
border-color: var(--ch-l-sideBar-border);
37+
border-color: var(--ch-t-sideBar-border);
3838
}

‎packages/mdx/src/mini-editor/index.scss‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,16 +22,16 @@
2222
padding-right: 15px;
2323
min-width: 0;
2424
border-bottom: 1px solid;
25-
background: var(--ch-l-tab-inactiveBackground);
26-
color: var(--ch-l-tab-inactiveForeground);
27-
border-right-color: var(--ch-l-tab-border);
28-
border-bottom-color: var(--ch-l-tab-inactiveBackground);
25+
background: var(--ch-t-tab-inactiveBackground);
26+
color: var(--ch-t-tab-inactiveForeground);
27+
border-right-color: var(--ch-t-tab-border);
28+
border-bottom-color: var(--ch-t-tab-inactiveBackground);
2929
}
3030

3131
.ch-editor-tab[data-active="true"] {
32-
background: var(--ch-l-tab-activeBackground);
33-
color: var(--ch-l-tab-activeForeground);
34-
border-bottom-color: var(--ch-l-tab-activeBorder);
32+
background: var(--ch-t-tab-activeBackground);
33+
color: var(--ch-t-tab-activeForeground);
34+
border-bottom-color: var(--ch-t-tab-activeBorder);
3535
min-width: unset;
3636
}
3737

@@ -50,7 +50,7 @@
5050
height: 1px;
5151
width: 100%;
5252
z-index: 1;
53-
background: var(--ch-l-editorGroup-border);
53+
background: var(--ch-t-editorGroup-border);
5454
}
5555

5656
.ch-editor-frame {
@@ -63,13 +63,13 @@
6363
break-inside: avoid;
6464
--ch-title-bar-height: 30px;
6565
height: 100%;
66-
background: var(--ch-l-editor-background);
66+
background: var(--ch-t-editor-background);
6767
}
6868

6969
.ch-editor-frame .ch-frame-title-bar {
7070
background: none;
71-
color: var(--ch-l-icon-foreground);
72-
background: var(--ch-l-editorGroupHeader-tabsBackground);
71+
color: var(--ch-t-icon-foreground);
72+
background: var(--ch-t-editorGroupHeader-tabsBackground);
7373
}
7474

7575
/** terminal */

‎packages/mdx/src/smooth-code/index.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
box-sizing: border-box;
88
padding-right: 1.5ch;
99
font-variant-numeric: tabular-nums;
10-
color: var(--ch-l-editorLineNumber-foreground);
10+
color: var(--ch-t-editorLineNumber-foreground);
1111
}
1212

1313
.ch-code-scroll-parent {
@@ -26,7 +26,7 @@
2626
}
2727

2828
.ch-code-scroll-parent ::selection {
29-
background-color: var(--ch-l-editor-selectionBackground);
29+
background-color: var(--ch-t-editor-selectionBackground);
3030
color: inherit;
3131
}
3232

@@ -41,9 +41,9 @@
4141
}
4242

4343
.ch-code-wrapper {
44-
background-color: var(--ch-l-background);
45-
color: var(--ch-l-foreground);
46-
color-scheme: var(--ch-l-colorScheme);
44+
background-color: var(--ch-t-background);
45+
color: var(--ch-t-foreground);
46+
color-scheme: var(--ch-t-colorScheme);
4747
margin: 0;
4848
padding: 0;
4949
position: relative;

‎packages/mdx/src/utils/light/css.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ function v(key: string) {
4040
}
4141

4242
function vn(key: string) {
43-
return `--ch-l-${key.replace(".", "-")}`
43+
return `--ch-t-${key.replace(".", "-")}`
4444
}
4545

4646
const CSSV = {

0 commit comments

Comments
 (0)