first commit

common/resources/client/ui/themes/use-dark-theme-variables.ts

@@ -0,0 +1,13 @@
+import {useBootstrapData} from '@common/core/bootstrap-data/bootstrap-data-context';
+import {useIsDarkMode} from '@common/ui/themes/use-is-dark-mode';
+
+export function useDarkThemeVariables() {
+  const {data} = useBootstrapData();
+  const isDarkMode = useIsDarkMode();
+  // already in dark mode, no need to set variables again
+  if (isDarkMode) {
+    return undefined;
+  }
+  return data.themes.all.find(theme => theme.is_dark && theme.default_dark)
+    ?.values;
+}