Skip to content

Commit 4bde946

Browse files
christianalfonichristianalfoni
committed
feat(overmind-devtools-vscode): use theme from vscode
1 parent 615903d commit 4bde946

File tree

28 files changed

+149
-139
lines changed

28 files changed

+149
-139
lines changed

‎packages/node_modules/overmind-devtools-client/DevtoolBackend.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -232,7 +232,7 @@ class DevtoolBackend {
232232
</script>
233233
</head>
234234
<body>
235-
<script type="text/javascript" src="${scriptSource}"></script>
235+
<script type="text/javascript" src="${scriptSource}"></script>
236236
</body>
237237
</html>
238238
`

‎packages/node_modules/overmind-devtools-client/src/components/Action/styles.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ export const breakStyle = css({
3232
display: 'flex',
3333
alignItems: 'center',
3434
borderRadius: 3,
35-
color: colors.dark,
35+
color: colors.foreground,
3636
backgroundColor: colors.purple,
3737
padding: '0 0.5rem',
3838
marginBottom: '1rem',
@@ -53,9 +53,9 @@ export const path = css({
5353
fontSize: 10,
5454
lineHeight: '14px',
5555
padding: '0.25rem 0',
56-
backgroundColor: colors.white2,
56+
backgroundColor: colors.highlight,
5757
borderRadius: 3,
58-
color: colors.dark,
58+
color: colors.foreground,
5959
marginRight: '0.5rem',
6060
fontWeight: 'bold',
6161
justifyContent: 'center',

‎packages/node_modules/overmind-devtools-client/src/components/ActionFlush/styles.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export const flush = css({
2020
export const flushHeader = css({
2121
display: 'flex',
2222
alignItems: 'center',
23-
color: colors.dark,
23+
color: colors.foreground,
2424
padding: '0 0.5rem',
2525
fontSize: 12,
2626
fontWeight: 'bold',
@@ -41,7 +41,7 @@ export const flushBody = css({
4141
top: '100%',
4242
right: 0,
4343
padding: '0.5rem 1rem',
44-
backgroundColor: colors.dark,
44+
backgroundColor: colors.foreground,
4545
borderBottomRightRadius: 3,
4646
display: 'none',
4747
flexWrap: 'wrap',

‎packages/node_modules/overmind-devtools-client/src/components/ActionOperator/styles.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@ export const value = css({
2424
})
2525

2626
export const operatorType = css({
27-
color: colors.dark2,
28-
backgroundColor: colors.white2,
27+
color: colors.background,
28+
backgroundColor: colors.highlight,
2929
padding: '0 0.5rem',
3030
borderTopLeftRadius: 3,
3131
borderBottomLeftRadius: 3,
@@ -42,7 +42,7 @@ export const notVisible = css({
4242

4343
export const operatorHeader = css({
4444
display: 'flex',
45-
backgroundColor: colors.dark3,
45+
backgroundColor: colors.border,
4646
borderRadius: 3,
4747
alignItems: 'stretch',
4848
})
@@ -62,7 +62,7 @@ export const operatorItem = css({
6262

6363
export const effectError = css({
6464
backgroundColor: colors.red,
65-
color: colors.white,
65+
color: colors.text,
6666
padding: '0.1rem 0.5rem',
6767
fontsize: 14,
6868
borderRadius: 2,

‎packages/node_modules/overmind-devtools-client/src/components/ActionPayload/styles.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ import { css } from 'emotion'
22
import { colors } from '../../theme'
33

44
export const wrapper = css({
5-
backgroundColor: colors.white,
6-
color: colors.dark,
5+
backgroundColor: colors.text,
6+
color: colors.foreground,
77
boxSizing: 'border-box',
88
})
99

@@ -14,7 +14,7 @@ export const input = css({
1414
fontSize: 14,
1515
height: '100%',
1616
fontFamily: 'inherit',
17-
color: colors.dark,
17+
color: colors.foreground,
1818
backgroundColor: 'transparent',
1919
width: 200,
2020
boxSizing: 'border-box',

‎packages/node_modules/overmind-devtools-client/src/components/ActionSelector/styles.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ export const wrapper = css({
66
position: 'relative',
77
borderTopLeftRadius: 3,
88
borderBottomLeftRadius: 3,
9-
backgroundColor: colors.dark,
9+
backgroundColor: colors.foreground,
1010
display: 'flex',
1111
padding: '0 1rem',
1212
alignItems: 'center',
1313
cursor: 'pointer',
14-
color: colors.white,
14+
color: colors.text,
1515
})
1616

1717
export const inputWrapper = css({
@@ -29,7 +29,7 @@ export const input = css({
2929
fontFamily: 'inherit',
3030
outline: 'none',
3131
backgroundColor: 'transparent',
32-
color: colors.white,
32+
color: colors.text,
3333
height: '100%',
3434
boxSizing: 'border-box',
3535
fontSize: 16,
@@ -78,7 +78,7 @@ export const resultWrapper = css({
7878
maxHeight: '75vh',
7979
overflowY: 'scroll',
8080
left: 0,
81-
backgroundColor: colors.dark3,
81+
backgroundColor: colors.border,
8282
borderBottomLeftRadius: 3,
8383
borderBottomRightRadius: 3,
8484
zIndex: 2,
@@ -93,6 +93,6 @@ export const result = css({
9393
marginRight: '0.5rem',
9494
},
9595
':hover': {
96-
backgroundColor: colors.dark,
96+
backgroundColor: colors.foreground,
9797
},
9898
})

‎packages/node_modules/overmind-devtools-client/src/components/ActionsTools/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const ActionsTools: FunctionComponent = () => {
2525
style={{
2626
backgroundColor: state.currentApp.selectedActionQuery
2727
? colors.green
28-
: colors.white2,
28+
: colors.highlight,
2929
}}
3030
>
3131
<FaRocket />

‎packages/node_modules/overmind-devtools-client/src/components/ActionsTools/styles.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const wrapper = css({
1010
export const button = css({
1111
borderLeft: 'none',
1212
backgroundColor: colors.green,
13-
color: colors.dark,
13+
color: colors.foreground,
1414
padding: '0.5rem 1rem',
1515
boxSizing: 'border-box',
1616
borderTopRightRadius: 3,

‎packages/node_modules/overmind-devtools-client/src/components/Apps/styles.ts‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export const wrapper = css({
55
position: 'relative',
66
display: 'flex',
77
marginTop: '0.5rem',
8-
backgroundColor: colors.dark,
8+
backgroundColor: colors.foreground,
99
height: 50,
1010
justifyContent: 'center',
1111
alignItems: 'center',
@@ -17,28 +17,28 @@ export const app = css({
1717
border: 0,
1818
width: '100%',
1919
cursor: 'pointer',
20-
backgroundColor: colors.dark,
20+
backgroundColor: colors.foreground,
2121
borderRadiusTopRight: 3,
2222
borderRadiusBottomRight: 3,
2323
boxShadow: '5px 5px 20px 5px rgba(0,0,0,0.10)',
2424
display: 'flex',
2525
alignItems: 'center',
26-
color: colors.white,
26+
color: colors.text,
2727
padding: '0.5rem 1rem',
2828
whiteSpace: 'nowrap',
2929
})
3030

3131
export const appSelected = css({
3232
fontWeight: 'bold',
33-
color: colors.white,
33+
color: colors.text,
3434
})
3535

3636
export const currentApp = (color: string) =>
3737
css({
3838
border: `2px solid ${color}`,
3939
borderRadius: '50%',
40-
color: colors.black,
41-
backgroundColor: colors.white,
40+
color: colors.background,
41+
backgroundColor: colors.text,
4242
width: 30,
4343
height: 30,
4444
display: 'flex',
@@ -61,7 +61,7 @@ export const appsList = css({
6161
position: 'absolute',
6262
left: '100%',
6363
top: 0,
64-
color: colors.white,
65-
borderRight: `1px solid ${colors.dark2}`,
66-
borderBottom: `1px solid ${colors.dark2}`,
64+
color: colors.text,
65+
borderRight: `1px solid ${colors.background}`,
66+
borderBottom: `1px solid ${colors.background}`,
6767
})

‎packages/node_modules/overmind-devtools-client/src/components/Components/styles.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,14 +37,14 @@ export const componentName = css({
3737
flex: 0,
3838
borderTopLeftRadius: 3,
3939
borderBottomLeftRadius: 3,
40-
backgroundColor: colors.white2,
41-
color: colors.dark,
40+
backgroundColor: colors.highlight,
41+
color: colors.foreground,
4242
padding: '0 0.5rem',
4343
})
4444

4545
export const componentPaths = css({
4646
flex: 1,
47-
backgroundColor: colors.dark,
47+
backgroundColor: colors.foreground,
4848
borderTopRightRadius: 3,
4949
borderBottomRightRadius: 3,
5050
display: 'flex',
@@ -54,7 +54,7 @@ export const componentPaths = css({
5454

5555
export const componentPathsCount = css({
5656
padding: '0 0.5rem',
57-
color: colors.dark,
57+
color: colors.foreground,
5858
})
5959

6060
export const faded = css({

0 commit comments

Comments
 (0)