fix setting color-scheme css property

This commit is contained in:
Ziad-I
2024-08-12 20:16:16 +03:00
parent 61cff3df43
commit bf722ecfe3
3 changed files with 3 additions and 12 deletions
@@ -5,10 +5,6 @@ let socket;
// Document ready function
$(document).ready(function () {
var systemTheme = window.matchMedia("(prefers-color-scheme: light)").matches
? "light"
: "dark";
$(":root").css("color-scheme", systemTheme);
var defaultTheme = "blender";
var theme = localStorage.getItem("theme") || defaultTheme;
setTheme(theme);
@@ -276,6 +272,7 @@ function displayDrawingsNames(blenderId, ifcFile) {
function setTheme(theme) {
$("html").removeClass("light dark blender").addClass(theme);
$(":root").css("color-scheme", theme);
if (theme === "light") {
$("#toggle-theme").html('<i class="fas fa-sun"></i>');
} else if (theme === "dark") {
@@ -19,10 +19,6 @@ const pageSizes = [
// Document ready function
$(document).ready(function () {
var systemTheme = window.matchMedia("(prefers-color-scheme: light)").matches
? "light"
: "dark";
$(":root").css("color-scheme", systemTheme);
var defaultTheme = "blender";
var theme = localStorage.getItem("theme") || defaultTheme;
setTheme(theme);
@@ -438,6 +434,7 @@ function editValue(list, task, event, cell, column) {
function setTheme(theme) {
$("html").removeClass("light dark blender").addClass(theme);
$(":root").css("color-scheme", theme);
if (theme === "light") {
$("#toggle-theme").html('<i class="fas fa-sun"></i>');
} else if (theme === "dark") {
@@ -5,10 +5,6 @@ let socket;
// Document ready function
$(document).ready(function () {
var systemTheme = window.matchMedia("(prefers-color-scheme: light)").matches
? "light"
: "dark";
$(":root").css("color-scheme", systemTheme);
var defaultTheme = "blender";
var theme = localStorage.getItem("theme") || defaultTheme;
setTheme(theme);
@@ -313,6 +309,7 @@ function compareHeaders(headers1, headers2) {
function setTheme(theme) {
$("html").removeClass("light dark blender").addClass(theme);
$(":root").css("color-scheme", theme);
var stylesheet = $("#tabulator-stylesheet");
if (theme === "light") {
stylesheet.attr(