mirror/processwire
1
0
Fork 0
mirror of https://github.com/processwire/processwire.git synced 2025-08-10 16:54:44 +02:00
Code Issues Releases Wiki Activity

Updates to AdminThemeUikit Konkat default theme

Browse Source
This commit is contained in:
Ryan Cramer
2025-08-01 16:36:40 -04:00
parent dc89e16131
commit e95661c439
3 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.js
View File

@@ -48,7 +48,11 @@ $(document).ready(function() {
*/
function setMainColor(value) {
if(typeof value === 'undefined') value = getMainColor();
console.log('setMainColor', value);
if(value.indexOf(')') > -1) {
// Removes stuff after the rgb(...)
// rgb(20, 174, 133) none repeat scroll 0% 0% / auto padding-box border-box
value = value.substring(0, value.indexOf(')')+1);
}
$('#main-color-custom').remove();
$('.pw-logo-native').css('color', value);
@@ -58,11 +62,7 @@ $(document).ready(function() {
$('head').append(
"<style type='text/css' id='main-color-custom'>" +
":root { " +
".main-color-custom { " +
"--pw-main-color: " + value + "; " +
"} " +
"} " +
":root { " + "--pw-main-color: " + value + "; " + "} " +
"</style>");
}

2
wire/modules/AdminTheme/AdminThemeUikit/themes/default/config.min.js vendored
View File

@@ -1 +1 @@
$(document).ready(function(){var colorClasses="main-color-red main-color-blue main-color-green main-color-custom";var styleClasses="light-theme dark-theme";var $body=$("body");function getCurrentStyleName(){if($body.hasClass("dark-theme"))return"dark";if($body.hasClass("light-theme"))return"light";var bgcolor=$("#pw-mastheads").css("background-color");bgcolor=bgcolor.replace(/[^0-9]/g,"").substring(0,3);$body.removeClass("auto-theme");var styleName=bgcolor==="000"?"dark":"light";$body.addClass(styleName+"-theme");return styleName}function getMainColor(){var $wrap=$("#wrap_defaultMainColor");var $f=$wrap.find("input:checked");if($f.val()==="custom"){if($("body").hasClass("dark-theme")){return $("#defaultMainColorCustomDark").val()}else{return $("#defaultMainColorCustom").val()}}return $f.closest("label").find(".defaultMainColorLabel").css("background-color")}function setMainColor(value){if(typeof value==="undefined")value=getMainColor();console.log("setMainColor",value);$("#main-color-custom").remove();$(".pw-logo-native").css("color",value);var styleName=getCurrentStyleName();setButtonColor(styleName==="dark"?value:"black");$("head").append("<style type='text/css' id='main-color-custom'>"+":root { "+".main-color-custom { "+"--pw-main-color: "+value+"; "+"} "+"} "+"</style>")}function updateToggles(){var $use2Colors=$("#defaultToggles_use2Colors");var hidden=!$("#defaultMainColor_custom").prop("checked");$use2Colors.parent("label").prop("hidden",hidden);if($("#defaultToggles_useTogcbx").prop("checked")){$("body").addClass("pw-togcbx")}else{$("body").removeClass("pw-togcbx")}}function setButtonColor(value){$(".ui-button").css("background-color",value)}$("#wrap_defaultStyleName").on("input","input",function(){var styleName=$(this).val();$body.removeClass(styleClasses).addClass(styleName+"-theme");var color=getMainColor();setMainColor(color);setButtonColor(styleName==="light"?"black":color)});$("#wrap_defaultMainColor").on("input","input",function(){var value="main-color-"+$(this).val();var color;if(value==="main-color-custom"){if($("#defaultToggles_use2Colors").prop("checked")){color=$("body").hasClass("dark-theme")?$("#defaultMainColorCustomDark").val():$("#defaultMainColorCustom").val()}else{color=$("#defaultMainColorCustom").val()}}else{color=$(this).closest("label").find(".defaultMainColorLabel").css("background")}$body.removeClass(colorClasses).addClass(value);setMainColor(color);updateToggles()});$("#defaultMainColorCustom, #defaultMainColorCustomDark").on("input",function(){var value=$(this).val();$body.removeClass(colorClasses).addClass("main-color-custom");if($(this).attr("id")==="defaultMainColorCustomDark"){if($("body").hasClass("dark-theme"))setMainColor(value)}else{if($("body").hasClass("light-theme")){setMainColor(value)}else if(!$("#defaultToggles_use2Colors").prop("checked")){setMainColor(value)}}});$(".ui-button").on("mouseover",function(){var color=getCurrentStyleName()==="dark"?"white":getMainColor();$(this).css("background-color",color)}).on("mouseout",function(){var color=getCurrentStyleName()==="dark"?getMainColor():"black";$(this).css("background-color",color)});$("#defaultToggles_use2Colors").on("change",function(){if($(this).prop("checked")){$("#defaultMainColorCustomDark").trigger("input")}else{$("#defaultMainColorCustom").trigger("input")}});$("#defaultToggles_useTogcbx").on("change",updateToggles);updateToggles()});
$(document).ready(function(){var colorClasses="main-color-red main-color-blue main-color-green main-color-custom";var styleClasses="light-theme dark-theme";var $body=$("body");function getCurrentStyleName(){if($body.hasClass("dark-theme"))return"dark";if($body.hasClass("light-theme"))return"light";var bgcolor=$("#pw-mastheads").css("background-color");bgcolor=bgcolor.replace(/[^0-9]/g,"").substring(0,3);$body.removeClass("auto-theme");var styleName=bgcolor==="000"?"dark":"light";$body.addClass(styleName+"-theme");return styleName}function getMainColor(){var $wrap=$("#wrap_defaultMainColor");var $f=$wrap.find("input:checked");if($f.val()==="custom"){if($("body").hasClass("dark-theme")){return $("#defaultMainColorCustomDark").val()}else{return $("#defaultMainColorCustom").val()}}return $f.closest("label").find(".defaultMainColorLabel").css("background-color")}function setMainColor(value){if(typeof value==="undefined")value=getMainColor();if(value.indexOf(")")>-1){value=value.substring(0,value.indexOf(")")+1)}$("#main-color-custom").remove();$(".pw-logo-native").css("color",value);var styleName=getCurrentStyleName();setButtonColor(styleName==="dark"?value:"black");$("head").append("<style type='text/css' id='main-color-custom'>"+":root { "+"--pw-main-color: "+value+"; "+"} "+"</style>")}function updateToggles(){var $use2Colors=$("#defaultToggles_use2Colors");var hidden=!$("#defaultMainColor_custom").prop("checked");$use2Colors.parent("label").prop("hidden",hidden);if($("#defaultToggles_useTogcbx").prop("checked")){$("body").addClass("pw-togcbx")}else{$("body").removeClass("pw-togcbx")}}function setButtonColor(value){$(".ui-button").css("background-color",value)}$("#wrap_defaultStyleName").on("input","input",function(){var styleName=$(this).val();$body.removeClass(styleClasses).addClass(styleName+"-theme");var color=getMainColor();setMainColor(color);setButtonColor(styleName==="light"?"black":color)});$("#wrap_defaultMainColor").on("input","input",function(){var value="main-color-"+$(this).val();var color;if(value==="main-color-custom"){if($("#defaultToggles_use2Colors").prop("checked")){color=$("body").hasClass("dark-theme")?$("#defaultMainColorCustomDark").val():$("#defaultMainColorCustom").val()}else{color=$("#defaultMainColorCustom").val()}}else{color=$(this).closest("label").find(".defaultMainColorLabel").css("background")}$body.removeClass(colorClasses).addClass(value);setMainColor(color);updateToggles()});$("#defaultMainColorCustom, #defaultMainColorCustomDark").on("input",function(){var value=$(this).val();$body.removeClass(colorClasses).addClass("main-color-custom");if($(this).attr("id")==="defaultMainColorCustomDark"){if($("body").hasClass("dark-theme"))setMainColor(value)}else{if($("body").hasClass("light-theme")){setMainColor(value)}else if(!$("#defaultToggles_use2Colors").prop("checked")){setMainColor(value)}}});$(".ui-button").on("mouseover",function(){var color=getCurrentStyleName()==="dark"?"white":getMainColor();$(this).css("background-color",color)}).on("mouseout",function(){var color=getCurrentStyleName()==="dark"?getMainColor():"black";$(this).css("background-color",color)});$("#defaultToggles_use2Colors").on("change",function(){if($(this).prop("checked")){$("#defaultMainColorCustomDark").trigger("input")}else{$("#defaultMainColorCustom").trigger("input")}});$("#defaultToggles_useTogcbx").on("change",updateToggles);updateToggles()});

13
wire/modules/AdminTheme/AdminThemeUikit/themes/default/toggles/useBoldItemHeaders.css
View File

@@ -69,3 +69,16 @@
/* large margin not needed when using bolder headers */
margin-bottom: 2px;
}
/*** AsmSelect: Column width slider bar ******************************/
.pw .asmListItem > .asmListItemStatus > .columnWidth:not(.columnWidthOff):hover {
color: var(--text-color);
}
.pw .asmListItem .columnWidthBar {
background-color: rgba(0,0,0,0.5) !important;
line-height: 1.7em;
}
.pw .asmListItem.rowStart:before {
border-top-color: var(--text-color);
}