The Leather extension can be displayed in both light and dark mode depending on the user's preference.
How to Switch Between Light and Dark Mode in Leather
Click the overflow menu in the top right corner of your extension tab
Select “Change theme”
Choose between light, dark, or system mode
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 0.002 6.227 L 10.144 6.227 M 7.683 9.554 L 4.978 6.277 L 2.273 9.554 M 10.142 3.327 L 0 3.327 M 2.461 0 L 5.166 3.277 L 7.871 0" fill="transparent" height="9.553999950408937px" id="OX7zkq0As" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(18, 16, 15)" transform="translate(3 3)" width="10.144000000094994px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 6.037 1.537 L 6.037 5.38 M 6.037 1.537 L 4.5 1.537 M 6.037 1.537 L 9.752 1.537 C 10.796 1.561 11.63 2.414 11.63 3.458 C 11.63 4.503 10.796 5.356 9.752 5.38 M 6.037 5.38 L 6.037 9.223 M 6.037 5.38 L 9.752 5.38 M 6.037 9.223 L 4.5 9.223 M 6.037 9.223 L 9.752 9.223 C 10.813 9.223 11.673 8.363 11.673 7.302 C 11.673 6.24 10.813 5.38 9.752 5.38 M 8.344 0 L 8.344 1.537 M 8.344 9.223 L 8.344 10.761 M 3.713 3.5 L 1.147 3.5 C 0.513 3.5 0 4.013 0 4.647 L 0 4.647 C 0 5.28 0.513 5.794 1.147 5.794 L 2.61 5.794 C 3.219 5.794 3.713 6.288 3.713 6.897 L 3.713 6.897 C 3.713 7.507 3.219 8 2.61 8 L 0 8" fill="transparent" height="10.760999572753907px" id="u0ZGohjjQ" transform="translate(2 3)" width="11.673499940872192px"><path d="M 1.537 1.537 L 1.537 5.38 M 1.537 1.537 L 0 1.537 M 1.537 1.537 L 5.252 1.537 C 6.296 1.561 7.13 2.414 7.13 3.458 C 7.13 4.503 6.296 5.356 5.252 5.38 M 1.537 5.38 L 1.537 9.223 M 1.537 5.38 L 5.252 5.38 M 1.537 9.223 L 0 9.223 M 1.537 9.223 L 5.252 9.223 C 6.313 9.223 7.173 8.363 7.173 7.302 C 7.173 6.24 6.313 5.38 5.252 5.38 M 3.844 0 L 3.844 1.537 M 3.844 9.223 L 3.844 10.761" fill="transparent" height="10.760999572753907px" id="ZymTNrEpO" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(18, 16, 15)" transform="translate(4.5 0)" width="7.173499940872192px"/><path d="M 3.713 0 L 1.147 0 C 0.513 0 0 0.513 0 1.147 L 0 1.147 C 0 1.78 0.513 2.294 1.147 2.294 L 2.61 2.294 C 3.219 2.294 3.713 2.788 3.713 3.397 L 3.713 3.397 C 3.713 4.007 3.219 4.5 2.61 4.5 L 0 4.5" fill="transparent" height="4.5px" id="UCvm8TdWz" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(18, 16, 15)" transform="translate(0 3.5)" width="3.713px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 0.001 1.5 L 0.001 8.157 C 0.001 9.197 0.844 10.04 1.883 10.04 L 9.413 10.04 C 9.759 10.039 10.04 9.758 10.04 9.412 L 10.04 3.765 C 10.039 3.418 9.758 3.138 9.412 3.138 L 7.529 3.138 M 0 1.5 C 0 2.366 0.703 3.138 1.569 3.138 L 7.529 3.138 M 0 1.569 C 0 0.703 0.703 0 1.569 0 L 7.059 0 C 7.319 0 7.529 0.211 7.529 0.471 L 7.529 3.138 M 7.206 6.79 C 7.509 6.79 7.755 6.544 7.755 6.241 C 7.755 5.938 7.509 5.692 7.206 5.692 C 6.903 5.692 6.657 5.938 6.657 6.241 C 6.657 6.544 6.903 6.79 7.206 6.79 Z" fill="transparent" height="10.039529381429446px" id="Z8LAOqvZd" transform="translate(3 3.5)" width="10.039529416031582px"><path d="M 0.001 1.5 L 0.001 8.157 C 0.001 9.197 0.844 10.04 1.883 10.04 L 9.413 10.04 C 9.759 10.039 10.04 9.758 10.04 9.412 L 10.04 3.765 C 10.039 3.418 9.758 3.138 9.412 3.138 L 7.529 3.138 M 0 1.5 C 0 2.366 0.703 3.138 1.569 3.138 L 7.529 3.138 M 0 1.569 C 0 0.703 0.703 0 1.569 0 L 7.059 0 C 7.319 0 7.529 0.211 7.529 0.471 L 7.529 3.138" fill="transparent" height="10.03952942613293px" id="sVJjkV1TW" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.41" stroke="rgb(18, 16, 15)" transform="translate(0 0)" width="10.03952941690812px"/><path d="M 0.549 1.098 C 0.852 1.098 1.098 0.852 1.098 0.549 C 1.098 0.246 0.852 0 0.549 0 C 0.246 0 0 0.246 0 0.549 C 0 0.852 0.246 1.098 0.549 1.098 Z" fill="rgb(18, 16, 15)" height="1.098352941176472px" id="S0zQhMKoC" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.47" stroke="rgb(18, 16, 15)" transform="translate(6.657 5.692)" width="1.0983529411764703px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 0 1.003 C 0 0.652 0 0.476 0.069 0.343 C 0.129 0.224 0.225 0.128 0.343 0.068 C 0.477 0 0.653 0 1.004 0 L 4.078 0 L 4.078 4.078 L 0 4.078 Z M 6.275 0 L 9.349 0 C 9.701 0 9.876 0 10.01 0.068 C 10.128 0.128 10.224 0.224 10.284 0.343 C 10.353 0.475 10.353 0.652 10.353 1.002 L 10.353 4.077 L 6.275 4.077 Z M 0 6.274 L 4.078 6.274 L 4.078 10.353 L 1.004 10.353 C 0.652 10.353 0.477 10.353 0.343 10.284 C 0.225 10.224 0.129 10.128 0.069 10.01 C 0 9.876 0 9.699 0 9.349 Z M 6.275 6.274 L 10.353 6.274 L 10.353 9.349 C 10.353 9.7 10.353 9.876 10.284 10.01 C 10.224 10.128 10.128 10.224 10.01 10.284 C 9.876 10.353 9.7 10.353 9.349 10.353 L 6.275 10.353 L 6.275 6.273 Z" fill="transparent" height="10.352941212598017px" id="j25Q36vNR" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.41" stroke="rgb(18, 16, 15)" transform="translate(3 3.5)" width="10.352940835840561px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 9.725 1.568 L 7.446 3.848 M 3.846 7.449 L 1.568 9.727 M 1.568 1.569 L 3.846 3.847 M 7.446 7.446 L 9.725 9.726 M 11.294 5.647 C 11.294 8.766 8.766 11.294 5.647 11.294 C 2.528 11.294 0 8.766 0 5.647 C 0 2.528 2.528 0 5.647 0 C 8.766 0 11.294 2.528 11.294 5.647 Z M 8.157 5.647 C 8.157 7.033 7.033 8.157 5.647 8.157 C 4.261 8.157 3.137 7.033 3.137 5.647 C 3.137 4.261 4.261 3.137 5.647 3.137 C 7.033 3.137 8.157 4.261 8.157 5.647 Z" fill="transparent" height="11.294117652318056px" id="imvF6K94n" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1.41" stroke="rgb(18, 16, 15)" transform="translate(2.5 2.5)" width="11.294117647935362px"/></svg>)