159 lines
3.8 KiB
JavaScript
159 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 standard theme */
|
|
import { createTheme } from '@material-ui/core/styles';
|
|
import { alpha, darken } from '@material-ui/core/styles/colorManipulator';
|
|
|
|
export default function(basicSettings) {
|
|
return createTheme(basicSettings, {
|
|
palette: {
|
|
default: {
|
|
main: '#fff',
|
|
contrastText: '#222',
|
|
borderColor: '#bac1cd',
|
|
disabledBorderColor: '#bac1cd',
|
|
disabledContrastText: '#222',
|
|
hoverMain: '#ebeef3',
|
|
hoverContrastText: '#222',
|
|
hoverBorderColor: '#bac1cd',
|
|
},
|
|
primary: {
|
|
main: '#326690',
|
|
light: '#d6effc',
|
|
contrastText: '#fff',
|
|
hoverMain: darken('#326690', 0.25),
|
|
hoverBorderColor: darken('#326690', 0.25),
|
|
disabledMain: '#326690',
|
|
},
|
|
success: {
|
|
main: '#26852B',
|
|
light: '#D9ECDA',
|
|
contrastText: '#000',
|
|
},
|
|
error: {
|
|
main: '#CC0000',
|
|
light: '#FAECEC',
|
|
contrastText: '#fff',
|
|
},
|
|
warning: {
|
|
main: '#eea236',
|
|
light: '#fce5c5',
|
|
contrastText: '#000',
|
|
},
|
|
info: {
|
|
main: '#fde74c',
|
|
},
|
|
grey: {
|
|
'200': '#f3f5f9',
|
|
'400': '#ebeef3',
|
|
'600': '#bac1cd',
|
|
'800': '#848ea0',
|
|
},
|
|
text: {
|
|
primary: '#222',
|
|
muted: '#646B82',
|
|
},
|
|
checkbox: {
|
|
disabled: '#ebeef3'
|
|
},
|
|
background: {
|
|
paper: '#fff',
|
|
default: '#fff',
|
|
},
|
|
},
|
|
custom: {
|
|
icon: {
|
|
main: '#fff',
|
|
contrastText: '#222',
|
|
borderColor: '#bac1cd',
|
|
disabledMain: '#fff',
|
|
disabledContrastText: '#222',
|
|
disabledBorderColor: '#bac1cd',
|
|
hoverMain: '#ebeef3',
|
|
hoverContrastText: '#222',
|
|
}
|
|
},
|
|
otherVars: {
|
|
reactSelect: {
|
|
padding: '5px 8px',
|
|
},
|
|
borderColor: '#dde0e6',
|
|
loader: {
|
|
backgroundColor: alpha('#090d11', 0.6),
|
|
color: '#fff',
|
|
},
|
|
errorColor: '#E53935',
|
|
inputBorderColor: '#dde0e6',
|
|
inputDisabledBg: '#f3f5f9',
|
|
headerBg: '#fff',
|
|
activeBorder: '#326690',
|
|
activeColor: '#326690',
|
|
tableBg: '#fff',
|
|
activeStepBg: '#326690',
|
|
activeStepFg: '#FFFFFF',
|
|
stepBg: '#ddd',
|
|
stepFg: '#000',
|
|
toggleBtnBg: '#000',
|
|
editorToolbarBg: '#ebeef3',
|
|
qtDatagridBg: '#fff',
|
|
qtDatagridSelectFg: '#222',
|
|
cardHeaderBg: '#fff',
|
|
emptySpaceBg: '#ebeef3',
|
|
textMuted: '#646B82',
|
|
erdCanvasBg: '#fff',
|
|
erdGridColor: '#bac1cd',
|
|
explain: {
|
|
sev2: {
|
|
color: '#222222',
|
|
bg: '#FFEE88',
|
|
},
|
|
sev3: {
|
|
color: '#FFFFFF',
|
|
bg: '#EE8800'
|
|
},
|
|
sev4: {
|
|
color: '#FFFFFF',
|
|
bg: '#880000'
|
|
},
|
|
},
|
|
schemaDiff: {
|
|
diffRowColor: '#fff9c4',
|
|
sourceRowColor: '#ffebee',
|
|
targetRowColor: '#fbe3bf',
|
|
diffColorFg: '#222',
|
|
diffSelectFG: '#222',
|
|
diffSelCheckbox: '#d6effc'
|
|
},
|
|
editor: {
|
|
fg: '#222',
|
|
bg: '#fff',
|
|
selectionBg: '#d6effc',
|
|
keyword: '#908',
|
|
number: '#964',
|
|
string: '#a11',
|
|
variable: '#222',
|
|
type: '#05a',
|
|
comment: '#a50',
|
|
punctuation: '#737373',
|
|
operator: '#222',
|
|
////
|
|
foldmarker: '#0000FF',
|
|
activeline: '#EDF9FF',
|
|
activelineLight: '#EDF9FF',
|
|
activelineBorderColor: '#BCDEF3',
|
|
guttersBg: '#f3f5f9',
|
|
guttersFg: '#848ea0',
|
|
},
|
|
treeBgSelected: '#d6effc',
|
|
treeFgSelected: '#222',
|
|
}
|
|
});
|
|
}
|