Skip to content

Commit 7d5b97e

Browse files
enigmawunenigmawun
committed
changed all blue buttons / borders to orange
1 parent 4ac4663 commit 7d5b97e

24 files changed

+1140
-1078
lines changed

‎app/src/Dashboard/styles.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
flex-direction: column-reverse;
3131
flex-flow: row wrap;
3232
flex-grow: 1;
33-
overflow-y: scroll;
33+
overflow-y: scroll;
3434
}
3535

3636
.projectInfo {
@@ -75,7 +75,7 @@
7575
}
7676

7777
.header {
78-
background-color: #0671e3;
78+
background-color: #f88e16;
7979
color: rgba(255, 255, 255, 0.897);
8080
width: 100%;
8181
position: relative;

‎app/src/components/StateManagement/CreateTab/components/StatePropsPanel.tsx

Lines changed: 47 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
InputLabel,
1111
Select,
1212
TextField,
13-
Button,
13+
Button
1414
} from '@mui/material';
1515
import { addState } from '../../../../redux/reducers/slice/appStateSlice';
1616
import TableStateProps from './TableStateProps';
@@ -153,7 +153,7 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
153153
id: `${currentComponent.name}-${inputKey}`,
154154
key: inputKey,
155155
value: newVal,
156-
type: inputType,
156+
type: inputType
157157
};
158158

159159
const setNewState = {
@@ -163,22 +163,22 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
163163
.toUpperCase()}${inputKey.slice(1)}`,
164164
key: `set${inputKey.slice(0, 1).toUpperCase()}${inputKey.slice(1)}`,
165165
value: '',
166-
type: 'func',
166+
type: 'func'
167167
};
168168
if (!inputTypeError) {
169169
dispatch(
170170
addState({
171171
newState: newState,
172172
setNewState: setNewState,
173-
contextParam: contextParam,
174-
}),
173+
contextParam: contextParam
174+
})
175175
);
176176

177177
if (roomCode) {
178178
emitEvent('addStateAction', roomCode, {
179179
newState: newState,
180180
setNewState: setNewState,
181-
contextParam: contextParam,
181+
contextParam: contextParam
182182
});
183183
}
184184

@@ -226,7 +226,7 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
226226
parentProps: currComponentCopy.stateProps,
227227
parentName: currComponentCopy.name,
228228
parentComponent: currComponentCopy,
229-
parentPassedInProps: currComponentCopy.passedInProps,
229+
parentPassedInProps: currComponentCopy.passedInProps
230230
};
231231
}
232232
}
@@ -301,7 +301,7 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
301301
style={{
302302
height: '100%',
303303
width: '100%',
304-
margin: '0 auto',
304+
margin: '0 auto'
305305
}}
306306
>
307307
<MenuItem value="" style={{ color: 'white' }}>
@@ -439,8 +439,8 @@ const StatePropsPanel = ({ isThemeLight, data }): JSX.Element => {
439439
display: 'flex',
440440
flexDirection: 'column',
441441
width: `${40}px`,
442-
color: '#0671E3',
443-
justifyContent: 'center',
442+
color: '#f88e16',
443+
justifyContent: 'center'
444444
}}
445445
>
446446
<svg
@@ -488,35 +488,35 @@ const useStyles = makeStyles((theme: Theme) => ({
488488
margin: '0px 0px 0px 10px',
489489
width: '140px',
490490
height: '30px',
491-
borderColor: 'white',
491+
borderColor: 'white'
492492
},
493493
inputWrapper: {
494494
textAlign: 'center',
495495
display: 'flex',
496496
flexDirection: 'column',
497497
alignItems: 'center',
498498
justifyContent: 'space-between',
499-
marginBottom: '15px',
499+
marginBottom: '15px'
500500
},
501501
addComponentWrapper: {
502502
padding: 'auto',
503503
marginLeft: '21px',
504504
display: 'inline-block',
505-
width: '100%',
505+
width: '100%'
506506
},
507507
rootCheckBox: {
508-
borderColor: '#0671e3',
509-
padding: '0px',
508+
borderColor: '#f88e16',
509+
padding: '0px'
510510
},
511511
rootCheckBoxLabel: {
512-
borderColor: '#0671e3',
512+
borderColor: '#f88e16'
513513
},
514514
panelWrapper: {
515515
width: '100%',
516516
marginTop: '15px',
517517
display: 'flex',
518518
flexDirection: 'column',
519-
alignItems: 'center',
519+
alignItems: 'center'
520520
},
521521
panelWrapperList: {
522522
minHeight: '120px',
@@ -525,34 +525,34 @@ const useStyles = makeStyles((theme: Theme) => ({
525525
width: '300px',
526526
display: 'flex',
527527
flexDirection: 'column',
528-
alignItems: 'center',
528+
alignItems: 'center'
529529
},
530530
dragComponents: {
531531
display: 'flex',
532532
flexDirection: 'column',
533533
alignItems: 'center',
534534
textAlign: 'center',
535535
width: '500px',
536-
backgroundColor: '#0671e3',
537-
border: '5px solid #0671e3',
536+
backgroundColor: '#f88e16',
537+
border: '5px solid #f88e16'
538538
},
539539
panelSubheader: {
540540
textAlign: 'center',
541-
color: '#fff',
541+
color: '#fff'
542542
},
543543
input: {},
544544
newComponent: {
545545
color: '#3c59ba',
546546
fontSize: '95%',
547-
marginBottom: '20px',
547+
marginBottom: '20px'
548548
},
549549
inputLabel: {
550550
fontSize: '1em',
551-
marginLeft: '10px',
551+
marginLeft: '10px'
552552
},
553553
btnGroup: {
554554
display: 'flex',
555-
flexDirection: 'column',
555+
flexDirection: 'column'
556556
},
557557
addComponentButton: {
558558
height: '42px',
@@ -563,71 +563,71 @@ const useStyles = makeStyles((theme: Theme) => ({
563563
margin: '-20px 0px 5px 150px',
564564
border: ' 1px solid #0671E3',
565565
borderRadius: '8px',
566-
transition: '0.3s',
566+
transition: '0.3s'
567567
},
568568
rootToggle: {
569569
color: '#696969',
570-
fontSize: '0.85rem',
570+
fontSize: '0.85rem'
571571
},
572572
lightThemeFontColor: {
573-
color: 'white',
573+
color: 'white'
574574
},
575575
darkThemeFontColor: {
576-
color: '#fff',
576+
color: '#fff'
577577
},
578578
greyThemeFontColor: {
579-
color: 'white',
579+
color: 'white'
580580
},
581581
formControl: {
582582
margin: '8px',
583-
minWidth: 120,
583+
minWidth: 120
584584
},
585585
selectEmpty: {
586-
marginTop: '16px',
586+
marginTop: '16px'
587587
},
588588
color: {
589-
color: '#fff',
589+
color: '#fff'
590590
},
591591
rootLight: {
592592
'& .MuiFormLabel-root': {
593-
color: 'white',
593+
color: 'white'
594594
},
595-
margin: '5px',
595+
margin: '5px'
596596
},
597597
rootDark: {
598598
'& .MuiFormLabel-root': {},
599599
'& .MuiOutlinedInput-notchedOutline': {},
600-
margin: '5px',
600+
margin: '5px'
601601
},
602602
underlineDark: {
603-
borderBottom: '1px solid white',
603+
borderBottom: '1px solid white'
604604
},
605605
rootUnderlineDark: {
606606
'& .-icon': {
607-
color: '#fff',
607+
color: '#fff'
608608
},
609609
'&::before': {
610-
borderBottom: '1px solid #fff',
611-
},
610+
borderBottom: '1px solid #fff'
611+
}
612612
},
613613
rootUnderlineLight: {
614614
'& .-icon': {
615-
color: 'rgba(0,0,0,0.54)',
615+
color: 'rgba(0,0,0,0.54)'
616616
},
617617
'&::before': {
618-
borderBottom: '1px solid rgba(0,0,0,0.54)',
619-
},
618+
borderBottom: '1px solid rgba(0,0,0,0.54)'
619+
}
620620
},
621621
inputTextDark: {
622622
'& .MuiInputBase-input': {
623-
color: 'white',
624-
},
623+
color: 'white'
624+
}
625625
},
626626
inputTextLight: {
627627
'& .MuiInputBase-input': {
628-
color: 'white',
629-
},
630-
},
628+
color: 'white'
629+
}
630+
}
631631
}));
632632

633633
export default StatePropsPanel;

‎app/src/components/bottom/BottomTabs.tsx

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -71,15 +71,15 @@ const BottomTabs = (props): JSX.Element => {
7171
meetingId: `${collaborationRoom.meetingId}`,
7272
micEnabled: false,
7373
webcamEnabled: false,
74-
name: `${collaborationRoom.userName}`,
74+
name: `${collaborationRoom.userName}`
7575
}}
7676
token={videoSDKToken}
7777
>
7878
<div
7979
className={`${classes.root} ${classes.rootLight}`}
8080
style={{
8181
backgroundColor: '#1E2024',
82-
zIndex: 1,
82+
zIndex: 1
8383
}}
8484
>
8585
<Box display="flex" justifyContent="space-between" alignItems="center">
@@ -88,7 +88,7 @@ const BottomTabs = (props): JSX.Element => {
8888
onChange={handleChange}
8989
classes={{
9090
root: classes.tabsRoot,
91-
indicator: classes.tabsIndicator,
91+
indicator: classes.tabsIndicator
9292
}}
9393
variant="scrollable"
9494
scrollButtons="auto"
@@ -141,8 +141,8 @@ const BottomTabs = (props): JSX.Element => {
141141
sx={{
142142
color: '#131416',
143143
'& .MuiOutlinedInput-notchedOutline': {
144-
borderColor: '#131416',
145-
},
144+
borderColor: '#131416'
145+
}
146146
}}
147147
style={{ color: '#9C9D9F' }}
148148
>
@@ -182,22 +182,22 @@ const useStyles = makeStyles((theme) => ({
182182
root: {
183183
flexGrow: 1,
184184
height: '100%',
185-
color: '#E8E8E8',
185+
color: '#E8E8E8'
186186
},
187187
rootLight: {
188-
backgroundColor: '#0671e3',
188+
backgroundColor: '#f88e16'
189189
},
190190
bottomHeader: {
191191
flex: 1,
192192
flexDirection: 'row',
193193
alignItems: 'center',
194-
Width: '200px',
194+
Width: '200px'
195195
},
196196
tabsRoot: {
197-
minHeight: '50%',
197+
minHeight: '50%'
198198
},
199199
tabsIndicator: {
200-
backgroundColor: '#0671E3',
200+
backgroundColor: '#f88e16'
201201
},
202202
tabRoot: {
203203
textTransform: 'initial',
@@ -213,42 +213,42 @@ const useStyles = makeStyles((theme) => ({
213213
'sans-serif',
214214
'"Apple Color Emoji"',
215215
'"Segoe UI Emoji"',
216-
'"Segoe UI Symbol"',
216+
'"Segoe UI Symbol"'
217217
].join(','),
218218
'&:hover': {
219219
color: 'white',
220-
opacity: 1,
220+
opacity: 1
221221
},
222222
fontWeight: 300,
223223
'&$tabSelected': {
224224
color: 'white',
225-
backgroundColor: '#2D313A',
225+
backgroundColor: '#2D313A'
226226
},
227227
'&:focus': {
228-
color: 'white',
229-
},
228+
color: 'white'
229+
}
230230
},
231231
tabSelected: {},
232232
typography: {
233-
padding: '24px',
233+
padding: '24px'
234234
},
235235
padding: {
236-
padding: '0 16px',
236+
padding: '0 16px'
237237
},
238238
switch: {
239239
marginRight: '10px',
240-
marginTop: '2px',
240+
marginTop: '2px'
241241
},
242242
projectTypeWrapper: {
243243
marginTop: '10px',
244244
marginBotton: '10px',
245-
marginLeft: '10px',
245+
marginLeft: '10px'
246246
},
247247
projectSelector: {
248248
backgroundColor: '#131416',
249249
color: 'white',
250-
margin: '0 10px 10px 0',
251-
},
250+
margin: '0 10px 10px 0'
251+
}
252252
}));
253253

254254
export default BottomTabs;

0 commit comments

Comments
 (0)