{"id":3297,"date":"2022-02-23T08:52:17","date_gmt":"2022-02-23T06:52:17","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=3297"},"modified":"2022-06-02T14:37:08","modified_gmt":"2022-06-02T11:37:08","slug":"how-to-change-the-admin-color-scheme-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-change-the-admin-color-scheme-in-wordpress\/","title":{"rendered":"How to Change the Admin Color Scheme in WordPress"},"content":{"rendered":"

As a WordPress administrator<\/strong>, you may need to customize your dashboard and create a unique feel to your daily operations with the app. This also allows you to align your entire web-building experience with your brand and its overall design<\/strong>.<\/p>\n

Luckily, WordPress can easily adapt to your needs. The CMS<\/strong><\/a> offers a variety of color palettes not only for your website but your dashboard as well.<\/p>\n

Today, we are going to learn more about the color schemes for your admin panel<\/strong> and how to easily change yours.<\/p>\n

Why Change the WordPress Admin Color Scheme?<\/strong><\/h2>\n

There are numerous reasons why you might want to switch to a different color scheme for your WordPress dashboard<\/strong><\/a>. For starters, there is the brand focus<\/strong> we previously mentioned. Some site owners want to completely tailor the experience not only for themselves but for any other user of the application. Disliking the default palette<\/strong> is not uncommon as well, especially for admins who simply prefer different colors.<\/p>\n

Working with a staging website<\/strong> is often a necessity, especially if you frequently make customizations and updates to your website. In such cases, keeping the two admin panels in different color schemes<\/strong> is a clever way to remind yourself which version you’re currently working on.<\/p>\n

For some time now, WordPress users can also benefit from Dark Mode<\/strong> in their admin color scheme. This setting is especially useful in the late hours when there is less daylight around. Dark Mode<\/strong> reduces the white light that comes from your screen and eases the eye strain in the process.<\/p>\n

Changing the Admin Color Scheme with WordPress <\/strong><\/h2>\n

Whatever the reason, WordPress allows you to change the dashboard’s color scheme with just a couple of mouse clicks.<\/p>\n

You simply need to:<\/strong><\/p>\n

    \n
  1. Log in to your WP admin panel<\/strong>.<\/li>\n
  2. From the left-side menu, click on Users <\/strong>and then Profile<\/strong>.<\/li>\n<\/ol>\n
    \"How<\/figure>\n
      \n
    1. On the next screen, you will see your current color palette as well as eight additional options<\/strong>. You can navigate through them with the radio buttons before choosing the one you most like.<\/li>\n<\/ol>\n
      \"How<\/figure>\n
        \n
      1. Scroll down to the bottom of the page and hit the Update Profile<\/strong> button.<\/li>\n<\/ol>\n

        You can do the same for the color scheme of any of the existing WordPress users as well. To do so:<\/p>\n

          \n
        1. From the WP dashboard, navigate to Users <\/strong>and then All Users<\/strong>.<\/li>\n
        2. Choose the user you’re trying to modify and click the Edit <\/strong>button next to it.<\/li>\n
        3. The next screen will let you choose the admin color scheme, among other options.<\/li>\n<\/ol>\n

          While WordPress’ palette suggestions<\/strong> are all fairly appealing, only having eight options still holds the risk we don’t like any of them. So, can we create our own unique color scheme?<\/p>\n

          Creating Custom Admin Color Schemes<\/strong><\/h2>\n

          Being an open-source content management system<\/strong>, you can do pretty much limitless modifications<\/strong> to your site design and functionalities. And yes, that includes your admin panel layout.<\/p>\n

          The easiest way to enjoy a bunch more colorful options is to check out relevant plugins, like the Admin Color Schemes<\/strong>. It doubles your choices when it comes to preset layouts and increases your chance of finding the right one.<\/p>\n

          \"How<\/figure>\n

          If you want to go for the completely custom approach, some previous CSS knowledge <\/strong>will undoubtedly come in handy.<\/p>\n

          You need to:<\/strong><\/p>\n

            \n
          1. Log into your control panel <\/strong>or an FTP client<\/strong>.<\/li>\n
          2. Inside your site folder, find the functions.php<\/strong> file.<\/li>\n
          3. Edit <\/strong>the file by adding your new color scheme code. It should be something like this:<\/li>\n<\/ol>\n

            function additional_admin_color_schemes() {
            \n\/\/Get the theme directory
            \n$theme_dir = get_template_directory_uri();
            \n\/\/Ocean
            \nwp_admin_css_color( ‘ocean’, __( ‘Ocean’ ),
            \n$theme_dir . ‘\/admin-colors\/ocean\/colors.min.css’,
            \narray( ‘#aa9d88’, ‘#9ebaa0’, ‘#738e96’, ‘#f2fcff’ )
            \n);
            \n}
            \nadd_action(‘admin_init’, ‘additional_admin_color_schemes’);<\/p>\n

            IMPORTANT:<\/strong> You should also make sure you add the stylesheet of the new color scheme to the corresponding folder.<\/p>\n

            Managing the Default Admin Color Scheme for New Users<\/strong><\/h2>\n

            If you want the chosen admin color scheme to be distributed to all users down the line, there is a simple plugin that can help you do that in less than a minute. The add-on is called Force Admin Color Scheme<\/strong> and can be found in the WordPress repository. Simply:<\/p>\n

              \n
            1. Log in to the WordPress dashboard<\/strong>.<\/li>\n
            2. Go to Plugins <\/strong>and then Add New<\/strong>.<\/li>\n
            3. Type in the plugin name and install<\/strong> it.<\/li>\n
            4. Once activated, click on the Users <\/strong>menu and the Profile <\/strong>option under it.<\/li>\n
            5. Right under your selected color palette, you will see a new tickbox – Force this admin color scheme on all users?<\/strong><\/li>\n<\/ol>\n
              \"How<\/figure>\n
                \n
              1. Check the box and scroll down to Update Profile<\/strong>.<\/li>\n<\/ol>\n

                IMPORTANT: <\/strong>Once done, it’s best to delete the plugin to avoid security threats and substandard performance.<\/p>\n

                You should now be able to customize your admin panel design to your exact liking. For more WordPress-related questions, you can always contact our 24\/7 Support Team<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

                As a WordPress administrator, you may need to customize your dashboard and create a unique feel to your daily operations with the app. This also allows you to align your entire web-building experience with your brand and its overall design. Luckily, WordPress can easily adapt to your needs. The CMS offers a variety of color […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"categories":[34],"tags":[],"class_list":["post-3297","post","type-post","status-publish","format-standard","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/3297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=3297"}],"version-history":[{"count":7,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/3297\/revisions"}],"predecessor-version":[{"id":4744,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/3297\/revisions\/4744"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=3297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=3297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=3297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}