Awesome

Coldark Firefox

An optimized theme for web development that comes with two versions: light & dark.

Presentation

Coldark is a gray-blue theme. The colors used respect the Web Content Accessibility Guidelines (WCAG) in order to provide sufficient reading comfort. However, with opacity, it is possible that some contrasts are diminished and that they are above level AA.

This version is designed for Firefox.

Colors

Coldark consists of three color palettes. The first is common to both versions. The other two each apply to a version.

In Coldark for Firefox, each versions only use 7 colors. Some elements do not seem customizable like the tab hover or the search box on the new tab page.

Light Theme

Hex Code	Preview	Description	Denomination
#e3eaf2		Default background - Frame, new tab page, fields	coldark00
#d0dae7		Dark background - Selected tab, toolbar, sidebar	coldark01
#8da1b9		Darker background - Inactive frame, highlight, borders	coldark02
#213043		Lighter foreground – Icons, new tab page, popup, highlight, fields, inactive tab.	coldark04
#111b27		Default foreground - Selected tab, toolbar	coldark05
#f0f4f8		Lighter background – Popup, focused fields, buttons states	coldark07
#005a8e		Blue - Special icons (e.g. bookmark), focus border, selected tab border, tab loading, field highlight	coldark10

Dark Theme

Hex Code	Preview	Description	Denomination
#111b27		Default background – Frame, new tab page, fields	coldark00
#213043		Light background - Selected tab, toolbar, sidebar	coldark01
#3c526d		Lighter background - Popup, focused fields, buttons states	coldark02
#d0dae7		Dark foreground – Icons, new tab page, popup, highlight, fields, inactive tab.	coldark04
#e3eaf2		Default foreground - Selected tab, toolbar	coldark05
#0b121b		Dark background - Inactive frame, highlight, borders	coldark07
#6cb8e6		Blue - Special icons (e.g. bookmark), focus border, selected tab border, tab loading, field highlight	coldark10

Features

• Detect if user prefer dark scheme and apply dark version.
• Icon in navbar for switch between versions.
• Shortcut (default: Alt+T) for switch between versions.

If the shortcut doesn't work, make sure it is not used by another extension. If so, change it to either Coldark or the other extension.

Screenshots

Cold	Dark

Install

1. Download Coldark for Firefox. The xpi file is in the folder web-ext-artifacts.
2. Open Addons menu (e.g. about:addons)
3. Select "Extensions"
4. Click on the gear icon ; you should see "Install Add-on from file..."
5. Select the xpi file

License

This project is open source and available under the MIT License.