mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
0f46f070ed
1. Make use of MUI styles and remove SCSS. 2. Use the new common components for buttons and tooltips, so that they are consistent. 3. UI design should be aligned with the query tool. 4. Remove tippyjs and Alertify dependencies.
107 lines
2.6 KiB
JavaScript
107 lines
2.6 KiB
JavaScript
/////////////////////////////////////////////////////////////
|
|
//
|
|
// pgAdmin 4 - PostgreSQL Tools
|
|
//
|
|
// Copyright (C) 2013 - 2022, The pgAdmin Development Team
|
|
// This software is released under the PostgreSQL Licence
|
|
//
|
|
//////////////////////////////////////////////////////////////
|
|
|
|
/* The dark theme */
|
|
import { createMuiTheme } from '@material-ui/core/styles';
|
|
|
|
export default function(basicSettings) {
|
|
return createMuiTheme(basicSettings, {
|
|
palette: {
|
|
default: {
|
|
main: 'transparent',
|
|
contrastText: '#84d6ff',
|
|
borderColor: '#84d6ff',
|
|
disabledBorderColor: '#8B9CAD',
|
|
disabledContrastText: '#8B9CAD',
|
|
hoverMain: 'transparent',
|
|
hoverContrastText: '#fff',
|
|
hoverBorderColor: '#fff',
|
|
},
|
|
primary: {
|
|
main: '#84D6FF',
|
|
light: '#84D6FF',
|
|
contrastText: '#010B15',
|
|
hoverMain: '#fff',
|
|
hoverBorderColor: '#fff',
|
|
disabledMain: '#8B9CAD',
|
|
},
|
|
success: {
|
|
main: '#45D48A',
|
|
light: '#010B15',
|
|
contrastText: '#000',
|
|
},
|
|
error: {
|
|
main: '#EE7A55',
|
|
light: '#EE7A55',
|
|
contrastText: '#010B15',
|
|
},
|
|
warning: {
|
|
main: '#F4D35E',
|
|
light: '#F4D35E',
|
|
contrastText: '#010B15',
|
|
},
|
|
info: {
|
|
main: '#fde74c',
|
|
},
|
|
grey: {
|
|
'200': '#8B9CAD',
|
|
'400': '#2D3A48',
|
|
'600': '#1F2932',
|
|
'800': '#010B15',
|
|
},
|
|
text: {
|
|
primary: '#fff',
|
|
muted: '#8b9cac',
|
|
},
|
|
checkbox: {
|
|
disabled: '#6b6b6b'
|
|
},
|
|
background: {
|
|
paper: '#010B15',
|
|
default: '#010B15',
|
|
},
|
|
},
|
|
custom: {
|
|
icon: {
|
|
main: '#010B15',
|
|
contrastText: '#fff',
|
|
borderColor: '#fff',
|
|
disabledMain: '#1F2932',
|
|
disabledContrastText: '#8B9CAD',
|
|
disabledBorderColor: '#8B9CAD',
|
|
hoverMain: '#fff',
|
|
hoverContrastText: '#010B15',
|
|
}
|
|
},
|
|
otherVars: {
|
|
borderColor: '#A6B7C8',
|
|
inputBorderColor: '#6b6b6b',
|
|
inputDisabledBg: '#1F2932',
|
|
headerBg: '#010B15',
|
|
activeBorder: '#fff',
|
|
activeColor: '#fff',
|
|
tableBg: '#010B15',
|
|
activeStepBg: '#84D6FF',
|
|
activeStepFg: '#010b15',
|
|
stepBg: '#FFFFFF',
|
|
stepFg: '#000',
|
|
toggleBtnBg: '#6B6B6B',
|
|
editorToolbarBg: '#010B15',
|
|
qtDatagridBg: '#010B15',
|
|
qtDatagridSelectFg: '#010B15',
|
|
cardHeaderBg: '#062F57',
|
|
colorFg: '#FFFFFF',
|
|
emptySpaceBg: '#010B15',
|
|
textMuted: '#8b9cad',
|
|
erdCanvasBg: '#010B15',
|
|
erdGridColor: '#1F2932',
|
|
}
|
|
});
|
|
}
|