mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
102e0a9839
- Remove the SCSS dependency completely and use MUI for theming. - Update - date-fns, @date-io, notistack. Remove - popper.js, sass-loader. - Cleanup webpack config. - Port PSQL tool to use MUI themes instead of SCSS theme. - Theme change will reflect realtime without refreshing pgAdmin.
151 lines
3.8 KiB
JavaScript
151 lines
3.8 KiB
JavaScript
/////////////////////////////////////////////////////////////
|
|
//
|
|
// pgAdmin 4 - PostgreSQL Tools
|
|
//
|
|
// Copyright (C) 2013 - 2024, The pgAdmin Development Team
|
|
// This software is released under the PostgreSQL Licence
|
|
//
|
|
//////////////////////////////////////////////////////////////
|
|
|
|
/* The dark theme */
|
|
import { darken, createTheme} from '@mui/material/styles';
|
|
|
|
export default function(basicSettings) {
|
|
return createTheme(basicSettings, {
|
|
palette: {
|
|
default: {
|
|
main: '#6b6b6b',
|
|
contrastText: '#fff',
|
|
borderColor: '#2e2e2e',
|
|
disabledBorderColor: '#2e2e2e',
|
|
disabledContrastText: '#fff',
|
|
hoverMain: '#303030',
|
|
hoverContrastText: '#fff',
|
|
hoverBorderColor: '#151515',
|
|
},
|
|
primary: {
|
|
main: '#234d6e',
|
|
light: '#323E43',
|
|
contrastText: '#fff',
|
|
hoverMain: darken('#234d6e', 0.25),
|
|
hoverBorderColor: darken('#234d6e', 0.25),
|
|
disabledMain: '#234d6e',
|
|
},
|
|
success: {
|
|
main: '#26852B',
|
|
light: '#2B472C',
|
|
contrastText: '#000',
|
|
},
|
|
error: {
|
|
main: '#da6758',
|
|
light: '#212121',
|
|
contrastText: '#fff',
|
|
lighter: '#212121',
|
|
},
|
|
warning: {
|
|
main: '#eea236',
|
|
light: '#74572e',
|
|
contrastText: '#fff',
|
|
},
|
|
info: {
|
|
main: '#fde74c',
|
|
},
|
|
grey: {
|
|
'200': '#424242',
|
|
'400': '#303030',
|
|
'600': '#2e2e2e',
|
|
'800': '#212121',
|
|
},
|
|
text: {
|
|
primary: '#d4d4d4',
|
|
muted: '#8A8A8A',
|
|
},
|
|
checkbox: {
|
|
disabled: '#6b6b6b'
|
|
},
|
|
background: {
|
|
paper: '#212121',
|
|
default: '#212121',
|
|
}
|
|
},
|
|
custom: {
|
|
icon: {
|
|
main: '#6b6b6b',
|
|
contrastText: '#fff',
|
|
borderColor: darken('#2e2e2e', 0.6),
|
|
disabledMain: '#6b6b6b',
|
|
disabledContrastText: '#fff',
|
|
disabledBorderColor: '#2e2e2e',
|
|
hoverMain: '#303030',
|
|
hoverContrastText: '#fff',
|
|
}
|
|
},
|
|
otherVars: {
|
|
colorBrand: '#1b71b5',
|
|
borderColor: '#4a4a4a',
|
|
inputBorderColor: '#6b6b6b',
|
|
inputDisabledBg: 'inherit',
|
|
errorColor: '#DA6758',
|
|
headerBg: '#424242',
|
|
activeBorder: '#d4d4d4',
|
|
activeColor: '#d4d4d4',
|
|
tableBg: '#424242',
|
|
activeStepBg: '#234d6e',
|
|
activeStepFg: '#FFFFFF',
|
|
stepBg: '#FFFFFF',
|
|
stepFg: '#000',
|
|
toggleBtnBg: '#000',
|
|
editorToolbarBg: '#303030',
|
|
qtDatagridBg: '#2e2e2e',
|
|
qtDatagridSelectFg: '#d4d4d4',
|
|
cardHeaderBg: '#424242',
|
|
colorFg: '#FFFFFF',
|
|
emptySpaceBg: '#212121',
|
|
textMuted: '#8A8A8A',
|
|
erdCanvasBg: '#303030',
|
|
erdGridColor: '#444952',
|
|
scroll: {
|
|
baseColor: '#616161',
|
|
barBackgroundColor: '#61616133',
|
|
thumbBackground:'#616161b3'
|
|
},
|
|
schemaDiff: {
|
|
diffRowColor: '#807a48',
|
|
sourceRowColor: '#402025',
|
|
targetRowColor: '#6b5438',
|
|
diffColorFg: '#d4d4d4',
|
|
diffSelectFG: '#d4d4d4',
|
|
diffSelCheckbox: '#323E43'
|
|
},
|
|
editor: {
|
|
fg: '#fff',
|
|
bg: '#212121',
|
|
selectionBg: '#536270',
|
|
keyword: '#db7c74',
|
|
number: '#7fcc5c',
|
|
string: '#e4e487',
|
|
variable: '#7dc9f1',
|
|
type: '#7dc9f1',
|
|
comment: '#7fcc5c',
|
|
punctuation: '#d6aaaa',
|
|
operator: '#d6aaaa',
|
|
////
|
|
foldmarker: '#0000FF',
|
|
activeline: '#323e43',
|
|
activelineLight: '#323e43',
|
|
activelineBorderColor: 'none',
|
|
guttersBg: '#303030',
|
|
guttersFg: '#8A8A8A',
|
|
},
|
|
tree: {
|
|
textFg: '#d4d4d4',
|
|
inputBg: '#212121',
|
|
fgHover: '#d4d4d4',
|
|
bgHover: '#303030',
|
|
textHoverFg: '#d4d4d4',
|
|
bgSelected: '#323E43',
|
|
}
|
|
}
|
|
});
|
|
}
|