Added Olympus Colours

- Added Olympus Colours
- First commit yay
This commit is contained in:
Dogma
2024-04-14 20:39:02 +10:00
parent 40df2ebb7d
commit 8d21149db7
3 changed files with 17 additions and 5 deletions

View File

@@ -12,4 +12,4 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
</React.StrictMode>, </React.StrictMode>,
) )
window.onload = setupApp; //window.onload = setupApp;

View File

@@ -11,7 +11,7 @@ import { MainMenu } from './panels/mainmenu'
import { SideBar } from './panels/sidebar'; import { SideBar } from './panels/sidebar';
import { MapHiddenTypes, MapOptions } from '../types/types' import { MapHiddenTypes, MapOptions } from '../types/types'
import { MAP_HIDDEN_TYPES_DEFAULTS, MAP_OPTIONS_DEFAULTS } from '../constants/constants' import { MAP_HIDDEN_TYPES_DEFAULTS, MAP_OPTIONS_DEFAULTS } from '../constants/constants'
import { getApp } from '../olympusapp' import { getApp, setupApp } from '../olympusapp'
export type OlympusState = { export type OlympusState = {
mainMenuVisible: boolean, mainMenuVisible: boolean,
@@ -33,11 +33,11 @@ export function UI() {
var [mapOptions, setMapOptions] = useState(MAP_OPTIONS_DEFAULTS); var [mapOptions, setMapOptions] = useState(MAP_OPTIONS_DEFAULTS);
document.addEventListener("hiddenTypesChanged", (ev) => { document.addEventListener("hiddenTypesChanged", (ev) => {
setMapHiddenTypes({...getApp().getMap().getHiddenTypes()}); setMapHiddenTypes({ ...getApp().getMap().getHiddenTypes() });
}) })
document.addEventListener("mapOptionsChanged", (ev) => { document.addEventListener("mapOptionsChanged", (ev) => {
setMapOptions({...getApp().getMap().getOptions()}); setMapOptions({ ...getApp().getMap().getOptions() });
}) })
function hideAllMenus() { function hideAllMenus() {
@@ -73,7 +73,7 @@ export function UI() {
toggleDrawingMenuVisible: () => { hideAllMenus(); setDrawingMenuVisible(!drawingMenuVisible) }, toggleDrawingMenuVisible: () => { hideAllMenus(); setDrawingMenuVisible(!drawingMenuVisible) },
} }
}> }>
<div className='absolute top-0 left-0 h-full w-full flex flex-col'> <div className='absolute top-0 left-0 h-full w-full flex flex-col' onLoad={setupApp}>
<Header /> <Header />
<div className='flex h-full'> <div className='flex h-full'>
<SideBar /> <SideBar />

View File

@@ -14,6 +14,18 @@ export default {
}, },
interaction: { interaction: {
blue: "#5CA7FF" blue: "#5CA7FF"
},
olympus:{
50: "#516176",
100: "#4A5A6F",
200: "#435367",
300: "#38475A",
400: "#303F51",
500: "#2A3949",
600: "#243141",
700: "#1C2836",
800: "#17212D",
900: "#171C26"
} }
} }
}, },