58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
import type { Theme } from '@mui/material/styles';
|
|
import { createSiteTheme } from './base';
|
|
|
|
/**
|
|
* Archief theme - ArchiefAssistent (archief.support)
|
|
*
|
|
* Nationaal Archief style - matching https://www.nationaalarchief.nl/
|
|
* Primary blue: #007bc7 (Rijksoverheid blue)
|
|
* Section accents: Orange #e17000, Green #39870c
|
|
*/
|
|
export const archiefTheme: Theme = createSiteTheme({
|
|
mode: 'light',
|
|
primary: {
|
|
main: '#007bc7', // Rijksoverheid blue (NA primary)
|
|
light: '#4da3d9',
|
|
dark: '#005a8e',
|
|
contrastText: '#ffffff',
|
|
},
|
|
secondary: {
|
|
main: '#e17000', // Orange accent (Beleven section)
|
|
light: '#ff9a33',
|
|
dark: '#a85200',
|
|
contrastText: '#ffffff',
|
|
},
|
|
background: {
|
|
default: '#f7f5f3', // Light beige/cream (NA background)
|
|
paper: '#ffffff',
|
|
},
|
|
text: {
|
|
primary: '#333333',
|
|
secondary: '#666666',
|
|
},
|
|
divider: 'rgba(0, 0, 0, 0.12)',
|
|
error: {
|
|
main: '#d52b1e', // NA red (logo arrow color)
|
|
},
|
|
warning: {
|
|
main: '#e17000', // Orange
|
|
},
|
|
info: {
|
|
main: '#007bc7', // Rijksoverheid blue
|
|
},
|
|
success: {
|
|
main: '#39870c', // Green accent (Archiveren section)
|
|
},
|
|
});
|
|
|
|
// Additional NA color palette for use in components
|
|
export const naColors = {
|
|
primary: '#007bc7', // Rijksoverheid blue
|
|
red: '#d52b1e', // Logo arrow red
|
|
orange: '#e17000', // Beleven section
|
|
green: '#39870c', // Archiveren section
|
|
cream: '#f7f5f3', // Background
|
|
darkBlue: '#154273', // Footer/dark sections
|
|
textPrimary: '#333333',
|
|
textSecondary: '#666666',
|
|
};
|