From e73167ef5ef300dfbb3f5c764fd9ab50cda57713 Mon Sep 17 00:00:00 2001
From: Viktor Kovacs <viktorkovacs@gmail.com>
Date: Mon, 17 Jun 2024 19:31:55 +0200
Subject: [PATCH] Minor modification.

---
 source/website/settings.js | 4 ++--
 source/website/utils.js    | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/source/website/settings.js b/source/website/settings.js
index 8d99129..af8b57a 100644
--- a/source/website/settings.js
+++ b/source/website/settings.js
@@ -2,6 +2,7 @@ import { NavigationMode, ProjectionMode } from '../engine/viewer/camera.js';
 import { RGBAColor, RGBColor } from '../engine/model/color.js';
 import { EdgeSettings } from '../engine/viewer/viewermodel.js';
 import { CookieGetBoolVal, CookieGetRGBColorVal, CookieGetIntVal, CookieGetStringVal, CookieSetBoolVal, CookieSetRGBColorVal, CookieSetIntVal, CookieSetStringVal, CookieSetRGBAColorVal, CookieGetRGBAColorVal } from './cookiehandler.js';
+import { GetPreferredColorScheme } from './utils.js';
 
 export const Theme =
 {
@@ -30,8 +31,7 @@ export class Settings
 
     LoadFromCookies ()
     {
-        const preferredColorScheme = window.matchMedia ('(prefers-color-scheme: dark)').matches ? Theme.Dark : Theme.Light;
-        this.themeId = CookieGetIntVal ('ov_theme_id', preferredColorScheme);
+        this.themeId = CookieGetIntVal ('ov_theme_id', GetPreferredColorScheme ());
         this.environmentMapName = CookieGetStringVal ('ov_environment_map', 'fishermans_bastion');
         this.backgroundIsEnvMap = CookieGetBoolVal ('ov_background_is_envmap', false);
         this.backgroundColor = CookieGetRGBAColorVal ('ov_background_color', new RGBAColor (255, 255, 255, 255));
diff --git a/source/website/utils.js b/source/website/utils.js
index 2a6eaa3..a4bf597 100644
--- a/source/website/utils.js
+++ b/source/website/utils.js
@@ -2,6 +2,7 @@ import { RGBColor, RGBColorToHexString } from '../engine/model/color.js';
 import { CreateObjectUrl } from '../engine/io/bufferutils.js';
 import { AddDiv, CreateDiv, AddDomElement } from '../engine/viewer/domutils.js';
 import { Loc } from '../engine/core/localization.js';
+import { Theme } from './settings.js';
 
 export function GetNameOrDefault (originalName, defaultName)
 {
@@ -27,6 +28,11 @@ export function GetMaterialName (originalName)
     return GetNameOrDefault (originalName, Loc ('No Name'));
 }
 
+export function GetPreferredColorScheme ()
+{
+    return window.matchMedia ('(prefers-color-scheme: dark)').matches ? Theme.Dark : Theme.Light;
+}
+
 export function IsHoverEnabled ()
 {
     return window.matchMedia ('(hover: hover)').matches;