mirror of
https://github.com/Pax1601/DCSOlympus.git
synced 2025-10-29 16:56:34 +00:00
Added Olympus Colours
- Added Olympus Colours - First commit yay
This commit is contained in:
@@ -12,4 +12,4 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
|
|||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
)
|
)
|
||||||
|
|
||||||
window.onload = setupApp;
|
//window.onload = setupApp;
|
||||||
|
|||||||
@@ -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 />
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user