{"id":1815,"date":"2022-07-31T09:03:00","date_gmt":"2022-07-31T16:03:00","guid":{"rendered":"https:\/\/rose.dev\/blog\/?p=1815"},"modified":"2022-08-18T03:27:11","modified_gmt":"2022-08-18T10:27:11","slug":"applying-custom-windows-styles-to-firefox-chrome-and-other-chromium-browsers","status":"publish","type":"post","link":"https:\/\/rose.dev\/blog\/2022\/07\/31\/applying-custom-windows-styles-to-firefox-chrome-and-other-chromium-browsers\/","title":{"rendered":"Applying custom Windows styles to Firefox, Chrome, and other Chromium browser&#8217;s window buttons in Windows 10 &#038; 11"},"content":{"rendered":"\n<p>Typically, browser vendors force default button styles onto the program. This can be troublesome when you use something like <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/namazso\/SecureUxTheme\" target=\"_blank\">SecureUxTheme<\/a> to change your Windows styles, and you care about the cohesiveness. There is a hacky solution, even if the Firefox forums told me there wasn&#8217;t. \ud83d\ude09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"859\" height=\"200\" sizes=\"auto, (max-width: 859px) 100vw, 859px\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/notmatching.jpg\" alt=\"\" class=\"wp-image-1928\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/notmatching.jpg 859w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/notmatching-300x70.jpg 300w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/notmatching-768x179.jpg 768w\" \/><figcaption><strong>DEFAULT: <\/strong>Custom themed Notepad next to <em>standard<\/em> browsers<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">For Google Chrome, Edge, Brave, and some other Chromium-based browsers<\/h2>\n\n\n\n<p>For Chromium based browsers you can simply change the shortcut target to allow launching with your custom changes.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open start menu. <\/li><li>Search and find your browser shortcut<\/li><li>Right-click, and open file location<\/li><li>Right click &gt; open Properties of the browser shortcut (The shortcut for Chrome in the Start Menu may be found in C:\\ProgramData\\Microsoft\\Windows\\Start Menu\\Programs)<\/li><li>Add this line<code> --disable-windows10-custom-titlebar<\/code> to the <em>end<\/em> of the <strong>Target <\/strong>field after a space. (For Chrome, <em>&#8220;C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe&#8221;<\/em> becomes <em>&#8220;C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe&#8221; &#8211;disable-windows10-custom-titlebar <\/em>)<\/li><li>In order for your changes to show up you may need to use Task Manager (<code>ctrl + shift + esc<\/code>) and kill all background processes of that browser<\/li><li>Repeat for each browser shortcut you use.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"718\" height=\"574\" sizes=\"auto, (max-width: 718px) 100vw, 718px\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/chrome.png\" alt=\"\" class=\"wp-image-1931\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/chrome.png 718w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/chrome-300x240.png 300w\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"566\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/properties.png\" alt=\"\" class=\"wp-image-1932\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/properties.png 363w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/properties-192x300.png 192w\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the Registry Launch settings<\/h2>\n\n\n\n<p>This is all well and good but what if you click on a link and the browser opens automatically? Now we aren&#8217;t using the custom launch option anymore. We can edit the registry to fix this.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#380917\">This is the &#8220;I&#8217;m not responsible if you break your computer&#8221; warning: <em>BE SURE TO ALWAYS MAKE A BACKUP OF THE REGISTRY BEFORE PERFORMING ANY CHANGES<\/em>.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Launch the Registry Editor (Win + R, regedit)<\/li><li>Navigate to <em>Computer\\HKEY_CLASSES_ROOT\\ChromeHTML\\shell\\open\\command<\/em><\/li><li>Change the <em>(Default)<\/em> value from <code>\"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\" --single-argument %1<\/code> to <code>\"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\" --disable-windows10-custom-titlebar --single-argument %1<\/code><ul><li>We are essentially just adding that custom launch argument onto the default launch arguments Windows calls when it opens the program<\/li><\/ul><\/li><li>Starting the browser now use your themed settings. Older versions Chromium may have a different startup option. Try <code>--disable-features=Windows10CustomTitlebar<\/code> if it doesn&#8217;t work for you<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"356\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/registrychrome.png\" alt=\"\" class=\"wp-image-1936\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/registrychrome.png 756w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/registrychrome-300x141.png 300w\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Firefox<\/h2>\n\n\n\n<p>Firefox needs CSS and changing an internal flag in order to work.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open your Firefox profile. You can find it in <code>%appdata%\\Mozilla\\Firefox\\Profiles<\/code>, try looking at the one most recently modified.<\/li><li>If the folder doesn&#8217;t exist already, create a folder called &#8216;<code>chrome<\/code>&#8216;. Yes, this is the tutorial for Firefox.<\/li><li>Inside the &#8216;<code>chrome<\/code>&#8216; folder in your profile, create or edit the file &#8216;<code>userChrome.css<\/code>&#8216;.<\/li><li>Put <a rel=\"noreferrer noopener\" href=\"https:\/\/gist.github.com\/gen3vra\/11ee1d1e031bdc98e99e76eceac555bb\" target=\"_blank\">these contents<\/a> (or embedded down below) into the css file, either on its own or adding to what is already there. You can modify anything you want, such as the &#8216;titlebar-button:hover&#8217; alpha value to your liking.<\/li><li>Open a new Firefox window<\/li><li>Enter <code>about:config<\/code> into the URL bar, and bypass the warning<\/li><li>Change the <code>toolkit.<\/code> <code>legacyUserProfileCustomizations.<\/code> <code>stylesheets<\/code> option to true by double clicking. <\/li><li>Restart Firefox<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"121\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/legacyuserprofilecustomizations-1024x121.png\" alt=\"\" class=\"wp-image-1941\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/legacyuserprofilecustomizations-1024x121.png 1024w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/legacyuserprofilecustomizations-300x36.png 300w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/legacyuserprofilecustomizations-768x91.png 768w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/legacyuserprofilecustomizations-1536x182.png 1536w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/legacyuserprofilecustomizations.png 1917w\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler\"><div class=\"wp-block-embed__wrapper\">\n<style>.gist table { margin-bottom: 0; }<\/style><div style=\"tab-size: 8\" id=\"gist117534849\" class=\"gist\">\n    <div class=\"gist-file\" translate=\"no\" data-color-mode=\"light\" data-light-theme=\"light\">\n      <div class=\"gist-data\">\n        \n<div class=\"js-gist-file-update-container js-task-list-container\">\n      <div id=\"file-userchrome-css\" class=\"file my-2\">\n    \n    <div itemprop=\"text\"\n      class=\"Box-body p-0 blob-wrapper data type-css  \"\n      style=\"overflow: auto\" tabindex=\"0\" role=\"region\"\n      aria-label=\"userChrome.css content, created by gen3vra on 08:55AM on July 26, 2022.\"\n    >\n\n        \n<div class=\"js-check-hidden-unicode js-blob-code-container blob-code-content\">\n\n  <template class=\"js-file-alert-template\">\n  <div data-view-component=\"true\" class=\"flash flash-warn flash-full d-flex flex-items-center\">\n  <svg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-alert\">\n    <path d=\"M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"><\/path>\n<\/svg>\n    <span>\n      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.\n      <a class=\"Link--inTextBlock\" href=\"https:\/\/github.co\/hiddenchars\" target=\"_blank\">Learn more about bidirectional Unicode characters<\/a>\n    <\/span>\n\n\n  <div data-view-component=\"true\" class=\"flash-action\">        <a href=\"{{ revealButtonHref }}\" data-view-component=\"true\" class=\"btn-sm btn\">    Show hidden characters\n<\/a>\n<\/div>\n<\/div><\/template>\n<template class=\"js-line-alert-template\">\n  <span aria-label=\"This line has hidden Unicode characters\" data-view-component=\"true\" class=\"line-alert tooltipped tooltipped-e\">\n    <svg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-alert\">\n    <path d=\"M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"><\/path>\n<\/svg>\n<\/span><\/template>\n\n  <table data-hpc class=\"highlight tab-size js-file-line-container\" data-tab-size=\"4\" data-paste-markdown-skip data-tagsearch-path=\"userChrome.css\">\n        <tr>\n          <td id=\"file-userchrome-css-L1\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"1\"><\/td>\n          <td id=\"file-userchrome-css-LC1\" class=\"blob-code blob-code-inner js-file-line\">@namespace xul url(&quot;http:\/\/www.mozilla.org\/keymaster\/gatekeeper\/there.is.only.xul&quot;);<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L2\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"2\"><\/td>\n          <td id=\"file-userchrome-css-LC2\" class=\"blob-code blob-code-inner js-file-line\"> @namespace html url(&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;);<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L3\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"3\"><\/td>\n          <td id=\"file-userchrome-css-LC3\" class=\"blob-code blob-code-inner js-file-line\"> .titlebar-button {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L4\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"4\"><\/td>\n          <td id=\"file-userchrome-css-LC4\" class=\"blob-code blob-code-inner js-file-line\">     background-color: transparent !important;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L5\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"5\"><\/td>\n          <td id=\"file-userchrome-css-LC5\" class=\"blob-code blob-code-inner js-file-line\">     transition: background-color 0.5s ease;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L6\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"6\"><\/td>\n          <td id=\"file-userchrome-css-LC6\" class=\"blob-code blob-code-inner js-file-line\">     height: 0px;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L7\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"7\"><\/td>\n          <td id=\"file-userchrome-css-LC7\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L8\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"8\"><\/td>\n          <td id=\"file-userchrome-css-LC8\" class=\"blob-code blob-code-inner js-file-line\"> .titlebar-button&gt;.toolbarbutton-icon {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L9\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"9\"><\/td>\n          <td id=\"file-userchrome-css-LC9\" class=\"blob-code blob-code-inner js-file-line\">     list-style-image: none;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L10\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"10\"><\/td>\n          <td id=\"file-userchrome-css-LC10\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L11\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"11\"><\/td>\n          <td id=\"file-userchrome-css-LC11\" class=\"blob-code blob-code-inner js-file-line\"> .titlebar-button:hover {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L12\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"12\"><\/td>\n          <td id=\"file-userchrome-css-LC12\" class=\"blob-code blob-code-inner js-file-line\">     background-color: rgba(121, 121, 121, 0.1) !important;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L13\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"13\"><\/td>\n          <td id=\"file-userchrome-css-LC13\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L14\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"14\"><\/td>\n          <td id=\"file-userchrome-css-LC14\" class=\"blob-code blob-code-inner js-file-line\"> #titlebar-close:hover {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L15\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"15\"><\/td>\n          <td id=\"file-userchrome-css-LC15\" class=\"blob-code blob-code-inner js-file-line\">     background-color: rgba(121, 121, 121, 0.1) !important;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L16\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"16\"><\/td>\n          <td id=\"file-userchrome-css-LC16\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L17\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"17\"><\/td>\n          <td id=\"file-userchrome-css-LC17\" class=\"blob-code blob-code-inner js-file-line\"> #titlebar-close:hover&gt;.toolbarbutton-icon {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L18\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"18\"><\/td>\n          <td id=\"file-userchrome-css-LC18\" class=\"blob-code blob-code-inner js-file-line\">     list-style-image: url(&quot;chrome:\/\/browser\/skin\/caption-buttons.svg#close-white&quot;) !important;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L19\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"19\"><\/td>\n          <td id=\"file-userchrome-css-LC19\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L20\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"20\"><\/td>\n          <td id=\"file-userchrome-css-LC20\" class=\"blob-code blob-code-inner js-file-line\"> #main-window {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L21\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"21\"><\/td>\n          <td id=\"file-userchrome-css-LC21\" class=\"blob-code blob-code-inner js-file-line\">     -moz-appearance: -moz-win-glass !important;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L22\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"22\"><\/td>\n          <td id=\"file-userchrome-css-LC22\" class=\"blob-code blob-code-inner js-file-line\">     background: transparent !important;<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L23\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"23\"><\/td>\n          <td id=\"file-userchrome-css-LC23\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L24\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"24\"><\/td>\n          <td id=\"file-userchrome-css-LC24\" class=\"blob-code blob-code-inner js-file-line\"> #navigator-toolbox {<\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L25\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"25\"><\/td>\n          <td id=\"file-userchrome-css-LC25\" class=\"blob-code blob-code-inner js-file-line\">     background: transparent !important <\/td>\n        <\/tr>\n        <tr>\n          <td id=\"file-userchrome-css-L26\" class=\"blob-num js-line-number js-blob-rnum\" data-line-number=\"26\"><\/td>\n          <td id=\"file-userchrome-css-LC26\" class=\"blob-code blob-code-inner js-file-line\">}<\/td>\n        <\/tr>\n  <\/table>\n<\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n      <\/div>\n      <div class=\"gist-meta\">\n        <a href=\"https:\/\/gist.github.com\/gen3vra\/11ee1d1e031bdc98e99e76eceac555bb\/raw\/1254887b8bd20f8cee77778aece593868e442596\/userChrome.css\" style=\"float:right\" class=\"Link--inTextBlock\">view raw<\/a>\n        <a href=\"https:\/\/gist.github.com\/gen3vra\/11ee1d1e031bdc98e99e76eceac555bb#file-userchrome-css\" class=\"Link--inTextBlock\">\n          userChrome.css\n        <\/a>\n        hosted with &#10084; by <a class=\"Link--inTextBlock\" href=\"https:\/\/github.com\">GitHub<\/a>\n      <\/div>\n    <\/div>\n<\/div>\n\n<\/div><\/figure>\n\n\n\n<p>And finally, <a href=\"https:\/\/rose.dev\/blog\/2021\/12\/08\/better-dark-theme-for-firefox\/\" data-type=\"post\" data-id=\"1067\" target=\"_blank\" rel=\"noreferrer noopener\">get my better dark theme<\/a> for Firefox. \ud83d\ude42<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Now your browser buttons look <a rel=\"noreferrer noopener\" href=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/sleek-and-uniform-control-panel-1024x540.png\" target=\"_blank\">sleek and uniform<\/a>, just <a rel=\"noreferrer noopener\" href=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/sleekanduniformui.png\" target=\"_blank\">like the rest of your system<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-id=\"2001\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean.png\" alt=\"\" class=\"wp-image-2001\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean.png 1920w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean-300x169.png 300w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean-1024x576.png 1024w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean-768x432.png 768w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/desktop-clean-1536x864.png 1536w\" \/><\/a><figcaption>Click to see bigger<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/ThemedWithBrowser.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" data-id=\"2002\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/ThemedWithBrowser.png\" alt=\"\" class=\"wp-image-2002\"\/><\/a><figcaption>Click to see bigger<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/uniformbrowsers-1024x550.jpg\" alt=\"\" class=\"wp-image-1951\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/uniformbrowsers-1024x550.jpg 1024w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/uniformbrowsers-300x161.jpg 300w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/uniformbrowsers-768x413.jpg 768w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2022\/07\/uniformbrowsers.jpg 1126w\" \/><\/figure>\n<hr>\r\nIt helps me if you share this post\r\n<br\/>\r\n<br\/>\r\nPublished 2022-07-31 09:03:00 ","protected":false},"excerpt":{"rendered":"<p>This guide shows you how to allow custom themed windows buttons to show on all buttons. Supports all major browsers.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[922,832,833],"tags":[1073,753,1067,1072,1064,1071,1063,844,1074,1075,1065,1062,1066,1070,1069],"class_list":["post-1815","post","type-post","status-publish","format-standard","hentry","category-release","category-software","category-technology","tag-aboutconfig","tag-browser","tag-browsers","tag-button-styles","tag-chrome","tag-chromium","tag-custom","tag-dark-theme","tag-legacyuserprofilecustomizations","tag-registry","tag-secureuxtheme","tag-styles","tag-themetool","tag-themetool-exe","tag-userchrome-css"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/1815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/comments?post=1815"}],"version-history":[{"count":38,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/1815\/revisions"}],"predecessor-version":[{"id":2507,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/1815\/revisions\/2507"}],"wp:attachment":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/media?parent=1815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/categories?post=1815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/tags?post=1815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}