"+r.join("")+"
"}function n(e,t){var a,o,r,n,h=function(e,t){e.locale=e.locale||window.navigator.language,e.locale&&(e.locale=e.locale.split("-")[0].toLowerCase()),"en"!=e.locale&&Ne.spectrum.localization[e.locale]&&(e=Ne.extend({},Ne.spectrum.localization[e.locale],e));var a=Ne.extend({},qe,e);return a.callbacks={move:Ye(a.move,t),change:Ye(a.change,t),show:Ye(a.show,t),hide:Ye(a.hide,t),beforeShow:Ye(a.beforeShow,t)},a}(t,e),s=h.type,d="flat"==s,i=h.showSelectionPalette,l=h.localStorageKey,c=h.theme,u=h.callbacks,f=(a=Oe,function(){var e=this,t=arguments;r&&clearTimeout(n),!r&&n||(n=setTimeout(function(){n=null,a.apply(e,t)},o))}),p=!(o=10),g=!1,b=0,m=0,v=0,x=0,y=0,T=0,w=0,_=0,k=0,P=0,C=1,S=[],M=[],z={},j=h.selectionPalette.slice(0),A=h.maxSelectionSize,R="sp-dragging",F=!1,H=null,L=e.ownerDocument,O=(L.body,Ne(e)),Q=!1,E=Ne(Ke,L).addClass(c),N=E.find(".sp-picker-container"),D=E.find(".sp-color"),q=E.find(".sp-dragger"),I=E.find(".sp-hue"),V=E.find(".sp-slider"),W=E.find(".sp-alpha-inner"),B=E.find(".sp-alpha"),K=E.find(".sp-alpha-handle"),$=E.find(".sp-input"),X=E.find(".sp-palette"),Y=E.find(".sp-initial"),G=E.find(".sp-cancel"),U=E.find(".sp-clear"),J=E.find(".sp-choose"),Z=E.find(".sp-palette-toggle"),ee=O.is("input"),te=(ee&&"color"===O.attr("type")&&Ue(),ee&&"color"==s),ae=te?Ne(Be).addClass(c).addClass(h.className).addClass(h.replacerClassName):Ne([]),oe=te?ae:O,re=ae.find(".sp-preview-inner"),ne=h.color||ee&&O.val(),se=!1,ie=h.preferredFormat,le=!h.showButtons||h.clickoutFiresChange,ce=!ne,ue=h.allowEmpty,fe=null,he=null,de=null,pe=null,ge=O.attr("id");if(ge!==De&&0"," ","
"].join(""));e.width(O.outerHeight()+"px").css("border-radius",O.css("border-radius")).css("border",O.css("border")),O.addClass("with-add-on").before(e)}if(he=O.parent().find(".sp-colorize"),de=he.css("color"),pe=he.css("background-color"),ue||U.hide(),d)O.after(E).hide();else{var t="parent"===h.appendTo?O.parent():Ne(h.appendTo);1!==t.length&&(t=Ne("body")),t.append(E)}function a(e){return e.data&&e.data.ignore?(je(Ne(e.target).closest(".sp-thumb-el").data("color")),Re()):(je(Ne(e.target).closest(".sp-thumb-el").data("color")),Re(),h.hideAfterPaletteSelect?(Le(!0),Me()):Le()),!1}ve(),oe.on("click.spectrum touchstart.spectrum",function(e){Q||Pe(),e.stopPropagation(),Ne(e.target).is("input")||e.preventDefault()}),!O.is(":disabled")&&!0!==h.disabled||Qe(),E.on("click",Xe),E.on("keydown",'div[role="button"]',function(e){13==e.keyCode&&(e.preventDefault(),Ne(this).click())}),[$,O].forEach(function(t){t.on("change",function(){ke(t.val())}),t.on("paste",function(){setTimeout(function(){ke(t.val())},1)}),t.on("keydown",function(e){13==e.keyCode&&(ke(Ne(t).val()),t==O&&Me())})}),G.text(h.cancelText),G.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),ze(),Me()}),U.attr("title",h.clearText),U.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),ce=!0,Re(),d&&Le(!0)}),J.text(h.chooseText),J.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),Ve&&$.is(":focus")&&$.trigger("change"),$.hasClass("sp-validation-error")||(Le(!0),Me())}),Z.text(h.showPaletteOnly?h.togglePaletteMoreText:h.togglePaletteLessText),Z.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),h.showPaletteOnly=!h.showPaletteOnly,h.showPaletteOnly||d||E.css("left","-="+(N.outerWidth(!0)+5)),me()}),Ge(B,function(e,t,a){C=e/y,ce=!1,a.shiftKey&&(C=Math.round(10*C)/10),Re()},we,_e),Ge(I,function(e,t){_=parseFloat(t/x),ce=!1,h.showAlpha||(C=1),Re()},we,_e),Ge(D,function(e,t,a){if(a.shiftKey){if(!H){var o=k*b,r=m-P*m,n=Math.abs(e-o)>Math.abs(t-r);H=n?"x":"y"}}else H=null;var s=!H||"y"===H;H&&"x"!==H||(k=parseFloat(e/b)),s&&(P=parseFloat((m-t)/m)),ce=!1,h.showAlpha||(C=1),Re()},we,_e),ne?(je(ne),Fe(),ie=tinycolor(ne).format||h.preferredFormat,xe(ne)):(""===ne&&je(ne),Fe()),d&&Pe();var o=Ve?"mousedown.spectrum":"click.spectrum touchstart.spectrum";X.on(o,".sp-thumb-el",a),Y.on(o,".sp-thumb-el:nth-child(1)",{ignore:!0},a)}();var Ee={show:Pe,hide:Me,toggle:function(){(p?Me:Pe)()},reflow:Oe,option:function(e,t){return e===De?Ne.extend({},h):t===De?h[e]:(h[e]=t,"preferredFormat"===e&&(ie=h.preferredFormat),void me())},enable:function(){Q=!1,O.attr("disabled",!1),oe.removeClass("sp-disabled")},disable:Qe,offset:function(e){h.offset=e,Oe()},set:function(e){je(e),Le()},get:Ae,destroy:function(){O.show().removeClass("spectrum with-add-on sp-colorize"),oe.off("click.spectrum touchstart.spectrum"),E.remove(),ae.remove(),he&&he.css("background-color",pe).css("color",de);var e=O.closest(".sp-original-input-container");0
+
+
+ base === 'dashboard') {
+ $dismissed = isset($_COOKIE['pp_dashboard_welcome_dismissed']);
+ if (!$dismissed) {
+ wp_enqueue_script('pp-welcome-dismiss', get_template_directory_uri() . '/js/welcome-dismiss.js', array(), '1.0', true);
+ }
+ }
+}
+add_action('admin_enqueue_scripts', 'pp_admin_enqueue_scripts');
+
+
+
+
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+////////////////////////////////// Output custom CSS styles
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+//
+function palettepro_output_styles()
+{
+ include 'palettepro_output_styles.php';
+}
+add_action('admin_head', 'palettepro_output_styles');
+add_action('login_head', 'palettepro_output_styles');
+
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+////////////////////////////////// Create the color customizer page
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+function palettepro_page()
+{
+ // Handle form submission
+ if (isset($_POST['submit'])) {
+
+
+ // Validate and save the selected colors and border radius
+
+ /////////////////////////////////// DASHBOARD //////////////////////////////////////////////
+ $dashboard_background_color = sanitize_hex_color($_POST['dashboard_background_color']);
+ $border_radius = absint($_POST['border_radius']);
+
+ /////////////////////////////////// LEFT MENU //////////////////////////////////////////////
+ $left_menu_bg_color = sanitize_hex_color($_POST['left_menu_bg_color']);
+ $left_menu_bg_items = sanitize_hex_color($_POST['left_menu_bg_items']);
+
+ $left_menu_item_text_color = sanitize_hex_color($_POST['left_menu_item_text_color']);
+ $left_menu_item_bg_color = sanitize_hex_color($_POST['left_menu_item_bg_color']);
+ $left_menu_item_bg_hover = sanitize_hex_color($_POST['left_menu_item_bg_hover']);
+ $left_menu_item_text_hover = sanitize_hex_color($_POST['left_menu_item_text_hover']);
+
+
+
+
+
+
+ /////////////////////////////////// TOP MENU //////////////////////////////////////////////
+ $top_menu_bg_color = sanitize_hex_color($_POST['top_menu_bg_color']);
+
+
+ $logo_file = $_FILES['logo_file'];
+ if ($logo_file['error'] === UPLOAD_ERR_OK) {
+ // Upload the dashboard logo
+ $upload_dir = wp_upload_dir();
+ $logo_dir = trailingslashit($upload_dir['basedir']) . 'palettepro-logos/';
+ $logo_url = trailingslashit($upload_dir['baseurl']) . 'palettepro-logos/';
+
+ // Create the directory if it doesn't exist
+ if (!file_exists($logo_dir)) {
+ mkdir($logo_dir);
+ }
+
+ $logo_filename = $logo_file['name'];
+ $logo_path = $logo_dir . $logo_filename;
+
+ move_uploaded_file($logo_file['tmp_name'], $logo_path);
+ update_option('palettepro_logo_url', $logo_url . $logo_filename);
+ }
+
+ /////////////////////////////////// LOGIN PAGE //////////////////////////////////////////////
+ $login_bg_type = $_POST['login_bg_type'];
+ $login_bg_color = sanitize_hex_color($_POST['login_bg_color']);
+ $login_bg_gradient_start = sanitize_hex_color($_POST['login_bg_gradient_start']);
+ $login_bg_gradient_end = sanitize_hex_color($_POST['login_bg_gradient_end']);
+
+ $login_logo_file = $_FILES['login_logo_file'];
+ if ($login_logo_file['error'] === UPLOAD_ERR_OK) {
+ // Upload the login page logo
+ $upload_dir = wp_upload_dir();
+ $logo_dir = trailingslashit($upload_dir['basedir']) . 'palettepro-logos/';
+ $logo_url = trailingslashit($upload_dir['baseurl']) . 'palettepro-logos/';
+
+ // Create the directory if it doesn't exist
+ if (!file_exists($logo_dir)) {
+ mkdir($logo_dir);
+ }
+
+ $logo_filename = $login_logo_file['name'];
+ $logo_path = $logo_dir . $logo_filename;
+
+ // Move the uploaded file to the designated directory
+ move_uploaded_file($login_logo_file['tmp_name'], $logo_path);
+
+ // Update the login page logo URL option
+ update_option('palettepro_login_logo_url', $logo_url . $logo_filename);
+ }
+
+ /////////////////////////////////// BUTTONS //////////////////////////////////////////////
+ $primary_button_bg_color = sanitize_hex_color($_POST['primary_button_bg_color']);
+ $primary_button_hover_color = sanitize_hex_color($_POST['primary_button_hover_color']);
+ $secondary_button_bg_color = sanitize_hex_color($_POST['secondary_button_bg_color']);
+ $secondary_button_hover_color = sanitize_hex_color($_POST['secondary_button_hover_color']);
+
+
+ $primary_color = sanitize_hex_color($_POST['primary_color']);
+
+
+
+
+
+
+
+
+ update_option('palettepro_dashboard_background_color', $dashboard_background_color);
+ update_option('palettepro_border_radius', $border_radius);
+ update_option('palettepro_top_menu_bg_color', $top_menu_bg_color);
+ update_option('palettepro_login_bg_type', $login_bg_type);
+ update_option('palettepro_login_bg_color', $login_bg_color);
+ update_option('palettepro_login_bg_gradient_start', $login_bg_gradient_start);
+ update_option('palettepro_login_bg_gradient_end', $login_bg_gradient_end);
+ update_option('palettepro_primary_button_bg_color', $primary_button_bg_color);
+ update_option('palettepro_primary_button_hover_color', $primary_button_hover_color);
+ update_option('palettepro_secondary_button_bg_color', $secondary_button_bg_color);
+ update_option('palettepro_secondary_button_hover_color', $secondary_button_hover_color);
+ update_option('palettepro_primary_color', $primary_color);
+
+
+
+
+ update_option('palettepro_left_menu_bg_color', $left_menu_bg_color);
+ update_option('palettepro_left_menu_bg_items', $left_menu_bg_items);
+ update_option('palettepro_left_menu_item_text_color', $left_menu_item_text_color);
+ update_option('palettepro_left_menu_item_bg_color', $left_menu_item_bg_color);
+ update_option('palettepro_left_menu_item_bg_hover', $left_menu_item_bg_hover);
+ update_option('palettepro_left_menu_item_text_hover', $left_menu_item_text_hover);
+
+
+
+
+
+
+
+
+
+
+ // Show the loader
+ echo '';
+
+ // Refresh the page after a delay
+ echo '';
+
+ // ..................................
+ // ..................................
+
+ } elseif (isset($_POST['reset'])) {
+ echo '';
+ // Code to reset the options to their default values...
+ reset_palettepro_options();
+
+ // Refresh the page after resetting
+ echo '';
+ }
+
+
+
+
+
+
+ ///////////////////////////////////////////////////////////////////////////////////////////////////////////
+ ////////////////////////////////// Retrieve the previously selected colors and border radius
+ ///////////////////////////////////////////////////////////////////////////////////////////////////////////
+ $dashboard_background_color = get_option('palettepro_dashboard_background_color', '#81d742');
+ $border_radius = get_option('palettepro_border_radius', 0);
+ $logo_url = get_option('palettepro_logo_url');
+ $top_menu_bg_color = get_option('palettepro_top_menu_bg_color', 'red');
+ $login_bg_type = get_option('palettepro_login_bg_type', 'color');
+ $login_bg_color = get_option('palettepro_login_bg_color', '#ffffff');
+ $login_bg_gradient_start = get_option('palettepro_login_bg_gradient_start', '#ffffff');
+ $login_bg_gradient_end = get_option('palettepro_login_bg_gradient_end', '#ffffff');
+ $login_logo_url = get_option('palettepro_login_logo_url');
+ $primary_color = get_option('palettepro_primary_color', '#000000');
+ $primary_button_bg_color = get_option('palettepro_primary_button_bg_color', '#007cba');
+ $secondary_button_bg_color = get_option('palettepro_secondary_button_bg_color', '#999999');
+ $primary_button_hover_color = get_option('palettepro_primary_button_hover_color', '#005a8c');
+ $secondary_button_hover_color = get_option('palettepro_secondary_button_hover_color', '#808080');
+
+
+
+
+
+ $left_menu_bg_color = get_option('palettepro_left_menu_bg_color', 'yellow');
+ $left_menu_bg_items = get_option('palettepro_left_menu_bg_items', 'yellow');
+
+ $left_menu_item_text_color = get_option('palettepro_left_menu_item_text_color', 'yellow');
+ $left_menu_item_bg_color = get_option('palettepro_left_menu_item_bg_color', 'yellow');
+ $left_menu_item_bg_hover = get_option('palettepro_left_menu_item_bg_hover', 'yellow');
+ $left_menu_item_text_hover = get_option('palettepro_left_menu_item_text_hover', 'yellow');
+
+
+
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ Welcome to My Custom Dashboard!
+ + +
+
+ Contact Support
+-
+
- Your Address +
- Your Email +
- Your Phone Number +
+
+
+
+
+
+
+' . __('Upgrade', 'your-text-domain') . '';
+ $action_links = array(
+ 'upgrade' => $upgrade_link,
+ 'settings' => '' . __('Settings', 'your-text-domain') . '',
+ 'deactivate' => '' . __('Deactivate', 'your-text-domain') . '',
+ );
+
+ return array_merge($action_links, $links);
+}
+
+// Add the action links to the plugin row
+add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'pp_custom_links_plugin_page');
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+///////////////////////////////////////////////////////////////////////////////////////////////////////////
+// Add the color customizer page to the admin menu
+function palettepro_menu()
+{
+ add_menu_page(
+ 'PalettePro', // Page title
+ 'PalettePro', // Menu title
+ 'manage_options', // Capability required to access the menu item
+ 'palettepro', // Menu slug
+ 'palettepro_page', // Callback function to render the page
+ 'dashicons-art', // Icon name (using 'art' icon)
+ 1 // Position in the menu
+ );
+}
+add_action('admin_menu', 'palettepro_menu');
diff --git a/palettepro_output_styles.php b/palettepro_output_styles.php
new file mode 100755
index 0000000..1486feb
--- /dev/null
+++ b/palettepro_output_styles.php
@@ -0,0 +1,493 @@
+
+';
+/////////////////////////////////////////////////////////
+/////////////// GENERAL //////////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+// Dashboard Background
+
+echo 'body.wp-admin, #wp-content-editor-tools, .pp-logoname span, .pp-radio-group input[type="radio"]:checked + label, .pp-borderradius-btn, .pp-btns-borderradius, .pp-input-wrapper button
+{ background-color: ' . $dashboard_background_color . '; }';
+
+
+
+
+
+
+
+
+///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Primary Color
+echo ' .theme-browser .theme.add-new-theme a:focus:after, .theme-browser .theme.add-new-theme a:hover:after, ';
+echo ' #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, ';
+echo ' .filter-count .count, .title-count, .pp-menu h2, .pp-menu-link.settings-active, .pp-menu-link:hover, #pp_dashBoard .pp-input-wrapper button:hover ';
+echo '{';
+echo ' background-color: ' . $primary_color . ';';
+echo '}';
+
+
+echo ' .plugin-update-tr.active td, .plugins .active th.check-column ';
+echo '{';
+echo ' border-left: 4px solid ' . $primary_color . ';';
+echo '}';
+
+
+
+///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Border Radius
+echo '.postbox,';
+echo '#dashboard-widgets .postbox-container,';
+echo 'input[type="submit"].wp-core-ui.button,';
+echo '#preview-action .preview,';
+echo '.wp-core-ui .button-primary,';
+echo '.wrap .page-title-action,';
+echo 'input[type="text"],';
+echo 'input[type="url"],';
+echo 'input[type="email"],';
+echo 'input[type="password"],';
+echo 'input[type="number"],';
+echo 'textarea,';
+echo '.wp-core-ui .attachment .thumbnail,';
+echo '.wp-core-ui .attachment-preview,';
+echo '.pp-section,';
+echo '.wp-core-ui p .button,';
+echo '.wp-core-ui .button-secondary,';
+echo '.wpb_edit_form_elements textarea, .usof-radio, .usof-radio input[type=radio]:checked + .usof-radio-value, .usof-radio input[type=radio][checked] + .usof-radio-value';
+echo '.wpb_edit_form_elements input,';
+echo '.wpb_edit_form_elements select, #loginform, #login, #login_error, #language-switcher input, #language-switcher select, #lostpasswordform, #login .message,';
+echo '.pp-card, .pp-section, .pp-button, .wp-core-ui .button, .wp-core-ui .button-secondary, .search-box input[name="s"],';
+echo '.tablenav .actions select, .media-upload-form .notice, .media-upload-form div.error, .wrap .notice, .wrap div.error, .wrap div.updated, #poststuff .inside #page_template, #poststuff .inside #parent_id, table,';
+echo '.theme-browser .theme, .wp-color-result-text, .wp-core-ui select, #dashboard-widgets .postbox-container .empty-container,';
+echo '.pp-note, .btn-reset, .pp-logoname span, .pp-logo img, .pp-section-body,';
+echo '.themes-php .wp-filter-search, .media-frame.mode-grid .media-toolbar, .media-frame.mode-grid .wp-filter input[type=search],';
+echo '.theme-browser .theme .more-details, .theme-install-php .wp-filter, .wp-filter .search-form input[type=search], .show-filters .wp-filter .button.drawer-toggle,';
+echo '.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active, ';
+echo '.theme-browser .theme.add-new-theme a:after, .pp-form, .pp-notice-content, .wp-filter, .drag-drop #drag-drop-area ';
+
+echo '{';
+echo ' border-radius: ' . $border_radius . 'px;';
+echo '}';
+
+//////////////////////////// top-left
+echo '.pp-card-head, .pp-section, .pp-section-head, .wp-switch-editor, .wp-editor-expand #wp-content-editor-container, .mce-container, .mce-container *, .mce-widget, .mce-widget *, .theme-browser .theme .theme-screenshot,';
+echo '.pp-left, .pp-settings, .pp-menu-link:first-child, .pp-menu h2, .pp-btns-borderradius button:nth-child(1), .plugins thead td.check-column';
+echo '{';
+echo ' border-top-left-radius: ' . $border_radius . 'px;';
+echo '}';
+//////////////////////////// top-right
+echo '.pp-card-head, .pp-sectionHead, .pp-section, .pp-section-head,
+ .wp-switch-editor, .theme-browser .theme .theme-screenshot, .pp-right, .pp-sidebar, .pp-btns-borderradius button:nth-child(3), .pp-close-button, .wp-submenu, .plugins thead tr th:last-child';
+
+echo '{';
+echo ' border-top-right-radius: ' . $border_radius . 'px;';
+echo '}';
+
+//////////////////////////// bottom-left
+echo '.pp-cardBody, .pp-section, .pp-section-footer, #screen-meta-links .show-settings, .theme-browser .theme.active .theme-name,';
+echo '.theme-browser .theme .theme-name, #screen-meta, #major-publishing-actions, .pp-button-upload, .pp-settings, .pp-menu-link.settings-active:last-child, .pp-btns-borderradius,';
+echo '.pp-btns-borderradius button:nth-child(4), .plugins-php .widefat tfoot td';
+
+echo '{';
+echo ' border-bottom-left-radius: ' . $border_radius . 'px;';
+echo '}';
+
+//////////////////////////// bottom-right
+echo '.pp-cardBody, .pp-section, .pp-section-footer, #screen-meta-links .show-settings, .theme-browser .theme.active .theme-name,';
+echo '.theme-browser .theme .theme-actions, .theme-browser .theme .theme-name, #screen-meta, #major-publishing-actions, .pp-button-upload,';
+echo ' .pp-sidebar, .pp-btns-borderradius, .pp-btns-borderradius button:nth-child(6), #adminmenu, .btn-save, #adminmenu .wp-submenu, .plugins tfoot tr th:last-child';
+
+echo '{';
+echo ' border-bottom-right-radius: ' . $border_radius . 'px;';
+echo '}';
+
+/////////////////////////////////////////////////////////
+/////////////// LOGIN PAGE ///////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+if ($login_bg_type === 'color') {
+ echo 'body.login { background-color: ' . $login_bg_color . '; }';
+} else {
+ echo 'body.login { background: linear-gradient(to top, ' . $login_bg_gradient_start . ', ' . $login_bg_gradient_end . '); }';
+}
+
+/////////////////////////////////////////////////////////
+/////////////// BTNS /////////////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+echo '.wp-core-ui .button-primary, .pp-button, .btn-save {';
+echo ' background-color: ' . $primary_button_bg_color . ';';
+echo '}';
+
+echo '.wp-core-ui .button-primary:hover, .pp-button:hover, .btn-save:hover {';
+echo ' background-color: ' . $primary_button_hover_color . ';';
+echo '}';
+
+echo '.wp-core-ui .button-secondary, #preview-action .preview, .page-title-action, .pp-button-upload {';
+echo ' background-color: ' . $secondary_button_bg_color . ';';
+echo '}';
+
+echo '#preview-action .preview:hover, .btn-reset:hover, .pp-button-upload:hover {';
+echo ' background-color: ' . $secondary_button_hover_color . ';';
+echo '}';
+
+///////// STANDARD BTNS
+echo '.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active,';
+echo '.wp-core-ui .button, .wp-core-ui .button-secondary {';
+echo ' border: 1px solid ' . $primary_color . ';';
+echo ' color: #fff;';
+echo ' background-color: ' . $primary_color . ';';
+echo '}';
+
+/////////////////////////////////////////////////////////
+/////////////// LEFT MENU ///////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+/////////// LEFT MENU BG ////////////////////////////
+echo ' #adminmenuback, #adminmenuwrap';
+echo '{';
+echo ' background-color: ' . $left_menu_bg_color . ';';
+echo '}';
+
+/////////// ITEM BG ////////////////////////////
+echo ' #adminmenu ';
+echo '{';
+echo ' background-color: ' . $left_menu_bg_items . ';';
+echo '}';
+
+/////////// ITEM TEXT COLOR ////////////////////////////
+echo '#adminmenu a, #adminmenu li a:focus div.wp-menu-image:before, #collapse-button:hover, #collapse-button:focus {';
+echo ' color: ' . $left_menu_item_text_color . ';';
+echo '}';
+
+/////////// ITEM TEXT HOVER ////////////////////////////
+echo '#adminmenu a:hover, #adminmenu .wp-submenu a:hover, #adminmenu a:hover, .wp-has-submenu a .wp-menu-name:hover, #adminmenu li.menu-top:hover {';
+echo ' color: ' . $left_menu_item_text_hover . ';';
+echo '}';
+
+/////////// ITEM BG COLOR ////////////////////////////
+echo '#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {';
+echo ' background-color: ' . $left_menu_item_bg_color . ';';
+echo '}';
+
+/////////// ITEM BG HOVER ////////////////////////////
+echo '#adminmenu li.menu-top:hover, #adminmenu li.opensub>a.menu-top, #adminmenu li>a.menu-top:focus,';
+echo '.wp-has-submenu a .wp-menu-image::before:hover {';
+echo ' background-color: ' . $left_menu_item_bg_hover . ';';
+echo '}';
+
+
+
+// DARKEN 10%
+$hexColor = str_replace('#', '', $left_menu_bg_items);
+
+// Split the hexadecimal representation into separate color components (R, G, B)
+$r = hexdec(substr($hexColor, 0, 2));
+$g = hexdec(substr($hexColor, 2, 2));
+$b = hexdec(substr($hexColor, 4, 2));
+
+// Calculate the darkened color components by reducing each component by 10% (10% of 255 is 25.5, rounded to 26)
+$darkened_r = max($r - 26, 0); // Ensure the result is not less than 0
+$darkened_g = max($g - 26, 0);
+$darkened_b = max($b - 26, 0);
+
+// Convert the darkened color components back to hexadecimal
+$darkened_color = sprintf("#%02x%02x%02x", $darkened_r, $darkened_g, $darkened_b);
+
+
+
+
+echo '#adminmenu .wp-submenu, .pp-left-user{';
+echo ' background-color: ' . $darkened_color . ';';
+echo '}';
+
+
+
+
+
+echo '#adminmenu .wp-has-current-submenu .wp-submenu,
+ #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+ #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+ .no-js li.wp-has-current-submenu:hover .wp-submenu {';
+echo ' border-radius: 0px;';
+echo '}';
+
+
+
+
+////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+///////// PRIMARY COLOR
+////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+
+
+////////////// Borders in Foucs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/////////////////////////////////////////////////////////
+/////////////// TOP MENU ////////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+echo '#wpadminbar ';
+echo '{';
+echo ' background-color: ' . $top_menu_bg_color . ';';
+echo '}';
+
+echo '#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {';
+echo ' content: "";';
+echo ' display: inline-block;';
+echo ' width: 20px;'; // Adjust the width as needed
+echo ' height: 25px;'; // Adjust the height as needed
+echo ' background-image: url("' . $logo_url . '");';
+echo ' background-size: contain;';
+echo ' background-repeat: no-repeat;';
+echo ' margin-right: 3px;';
+echo ' vertical-align: middle;';
+echo '}';
+
+echo '#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon svg {';
+echo ' fill: ' . $logo_color . ';';
+echo '}';
+
+echo '#adminmenu {';
+echo ' margin: 0;';
+echo ' padding: 0;';
+echo '}';
+
+/////////////////////////////////////////////////////////
+/////////////// WELCOME MSG /////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+echo '.pp-welcome-notice {';
+echo ' position: relative;';
+echo '}';
+
+echo '.pp-flex {';
+echo ' display: flex;';
+echo ' align-items: center;';
+echo '}';
+
+echo '.pp-welcome-logo {';
+echo ' flex: 1;';
+echo '}';
+echo '.pp-welcome-msg {';
+echo ' flex:12;';
+echo '}';
+echo '.pp-welcome-support {';
+echo ' flex: 3;';
+echo '}';
+
+
+echo '.pp-notice-content {';
+// echo ' display: flex;';
+echo ' position: relative;';
+echo ' background: #fff;';
+echo ' border: 1px solid #00000030;';
+echo ' margin-top: 2.5rem;';
+echo ' padding: 2rem;';
+echo ' margin-right: 20px;';
+echo '}';
+
+echo '.pp-notice-dismiss {';
+echo ' position: absolute;';
+echo ' top: -1px;';
+echo ' right: -6px;';
+echo ' background: transparent;';
+echo ' border: none;';
+echo ' color: #ff0000;';
+echo ' cursor: pointer;';
+echo '}';
+
+echo '.pp-close-button {';
+echo ' position: relative;';
+echo ' display: inline-block;';
+echo ' width: 35px;';
+echo ' height: 35px;';
+echo ' cursor: pointer;';
+echo ' background-color: yellow;';
+echo '}';
+
+echo '.pp-close-button:hover {';
+echo ' background-color: blue;';
+echo '}';
+
+echo '.pp-close-button:before,';
+echo '.pp-close-button:after {';
+echo ' position: absolute;';
+echo ' top: 50%;';
+echo ' left: 50%;';
+echo ' content: "";';
+echo ' height: 2px;';
+echo ' width: 10px;';
+echo ' background-color: red;';
+echo ' transition: all 0.3s ease;';
+echo '}';
+
+echo '.pp-close-button:before {';
+echo ' transform: translate(-50%, -50%) rotate(45deg);';
+echo '}';
+
+echo '.pp-close-button:after {';
+echo ' transform: translate(-50%, -50%) rotate(-45deg);';
+echo '}';
+
+echo '.pp-notice-dismiss .dashicons-no-alt:before {';
+echo ' content: "\f158";';
+echo ' color: red;';
+echo '}';
+
+echo '.pp-notice-dismiss .pp-screen-reader-text {';
+echo ' display: none;';
+echo '}';
+
+echo '.pp-notice-dismiss:hover .pp-close-button:before,';
+echo '.pp-notice-dismiss:hover .pp-close-button:after {';
+echo ' background-color: green;';
+echo '}';
+
+echo '.pp-welcome-menu {';
+echo ' display: flex;';
+echo ' justify-content: flex-start;';
+echo ' align-items: left;';
+echo ' padding: 10px 0px;';
+echo '}';
+
+echo '.pp-welcome-menu-item {';
+echo ' padding: 8px 12px;';
+echo ' border-radius: 5px;';
+echo ' transition: background-color 0.3s ease;';
+echo '}';
+
+echo '.pp-welcome-menu-item:hover {';
+echo ' background-color: #ddd;';
+echo '}';
+
+
+
+
+/////////////////////////////////////////////////////////
+/////////////// RANDOM //////////////////////////////
+/////////////////////////////////////////////////////////
+/////////////////////////////////////////////////////////
+
+echo '.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus,';
+echo 'input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus,';
+echo '.rank-math-focus-keyword .tagify.tagify--focus';
+echo '{';
+echo ' border-color: none;';
+echo ' box-shadow: none;';
+echo '}';
+
+
+
+
+
+echo '.pp-left-user a';
+echo '{';
+echo ' height: 100px;';
+echo '}';
+
+echo '.pp-user-avatar ';
+echo '{';
+echo ' margin-top: -4rem;';
+echo '}';
+
+echo '.pp-user-avatar img ';
+echo '{';
+echo ' border-radius: 50%;';
+echo ' width: 60px;';
+echo ' height: 60px;';
+echo '}';
+
+
+echo '#adminmenu .pp-left-user .wp-menu-name ';
+echo '{';
+echo ' display: flex;';
+echo ' flex-direction: column;';
+echo ' justify-content: center;';
+echo ' align-items: center;';
+echo ' width: 100%;';
+echo ' height: 75px;';
+echo ' padding: 0px !important;';
+echo ' height: 100px;';
+echo '}';
+
+
+echo '.pp-user-name ';
+echo '{';
+echo ' font-size: 15px;';
+echo '}';
+
+
+
+
+
+
+
+
+
+
+
+echo '';
+?>
\ No newline at end of file
+
+
+
+ 
+
+
+
+ PalettePro
+ BETA +Unlock the Power of Customization with PalettePro: Transform Your WordPress Experience with Personalized Colors and Styling!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit.
+quam, aliquid eos voluptatibus iure minus maiores, quos nisi dolorum harum est excepturi impedit magni distinctio vero libero ipsa! Aperiam.
+ +