jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-04-27 07:48:01 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

new login design (#4442)

Browse source 
* new login design

* remove effects file (wrong direction)

* add Known Hosts dropdown component

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2021-10-25 13:28:43 -05:00 • committed by GitHub
parent 6f360374cc
commit d684a9c5fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
25 changed files with 675 additions and 212 deletions
Download patch file Download diff file Expand all files Collapse all files

180
webclient/src/material-theme.ts
View file

@ -1,69 +1,157 @@
import { createMuiTheme } from '@material-ui/core';
const palette = {
background: {
default: 'dimgrey',
paper: '#FFFFFF',
},
primary: {
main: '#7033DB',
light: 'rgba(112, 51, 219, .3)',
dark: '#401C7F',
contrastText: '#FFFFFF',
},
// secondary: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// error: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// warning: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// info: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
success: {
main: '#6CDF39',
light: '#6CDF39',
// dark: '',
// contrastText: '',
},
};
export const materialTheme = createMuiTheme({
// overrides: {
palette,
overrides: {
// MuiCssBaseline: {
// '@global': {
// '@font-face': [],
// },
// },
// MuiButton: {
// text: {
// color: 'white',
// },
// },
// },
MuiButton: {
root: {
fontWeight: 'bold',
textTransform: 'none',
palette: {
primary: {
main: '#7033DB',
light: 'rgba(112, 51, 219, .3)',
dark: '#401C7F',
contrastText: '#FFFFFF',
'&.rounded': {
// 'border-radius': '50px',
},
'&.tall': {
'height': '40px',
},
},
},
MuiList: {
root: {
padding: '8px',
'&.MuiList-padding': {
paddingBottom: '4px',
},
'& .MuiButton-root': {
width: '100%',
},
'& > .MuiButtonBase-root': {
padding: '8px 16px',
marginBottom: '4px',
borderRadius: 0,
justifyContent: 'space-between',
},
'& .MuiButtonBase-root.Mui-selected, & .MuiButtonBase-root.Mui-selected:hover, & .MuiButtonBase-root:hover': {
background: palette.primary.light
},
[[
'& .MuiButtonBase-root.Mui-selected',
'& .MuiButtonBase-root.Mui-selected:hover',
'& .MuiButtonBase-root:hover'
].join(', ')]: {
background: palette.primary.light
},
},
},
MuiListItem: {
root: {
},
},
MuiInputBase: {
formControl: {
'& .MuiSelect-root svg': {
display: 'none',
},
},
},
MuiOutlinedInput: {
root: {
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
borderWidth: '1px',
},
'.rounded &': {
// 'border-radius': '50px',
},
'.tall &': {
height: '40px',
},
},
},
// secondary: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// error: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// warning: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// info: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
// success: {
// main: '',
// light: '',
// dark: '',
// contrastText: '',
// },
},
typography: {
fontSize: 12,
// h1: {},
h1: {
fontSize: 28,
fontWeight: 'bold',
},
// h2: {},
// h3: {},
// h4: {},
// h5: {},
// h6: {},
// subtitle1: {},
// subtitle2: {},
subtitle1: {
fontSize: 14,
fontWeight: 'bold',
lineHeight: 1.4,
color: '#9E9E9E',
},
subtitle2: {
lineHeight: 1.4,
color: '#9E9E9E',
},
// body1: {},
// body2: {},
// button: {},