From 56ad164c69ab497efed2949de62b7282fe86da2e Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Wed, 13 Nov 2019 14:01:07 -0700
Subject: [PATCH] Add a function to get the "base" theme for a theme

Useful for trying to load the right assets first.

See https://github.com/vector-im/riot-web/pull/11381
---
 src/theme.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/theme.js b/src/theme.js
index d479170792..8a15c606d7 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -60,6 +60,22 @@ function getCustomTheme(themeName) {
     return customTheme;
 }
 
+/**
+ * Gets the underlying theme name for the given theme. This is usually the theme or
+ * CSS resource that the theme relies upon to load.
+ * @param {string} theme The theme name to get the base of.
+ * @returns {string} The base theme (typically "light" or "dark").
+ */
+export function getBaseTheme(theme) {
+    if (!theme) return "light";
+    if (theme.startsWith("custom-")) {
+        const customTheme = getCustomTheme(theme.substr(7));
+        return customTheme.is_dark ? "dark-custom" : "light-custom";
+    }
+
+    return theme; // it's probably a base theme
+}
+
 /**
  * Called whenever someone changes the theme
  *