Skip to content

Instantly share code, notes, and snippets.

@angelside
Last active October 27, 2022 14:47
Show Gist options
  • Save angelside/6fe0478fc4187ec2bd4987e36ab3d65f to your computer and use it in GitHub Desktop.
Save angelside/6fe0478fc4187ec2bd4987e36ab3d65f to your computer and use it in GitHub Desktop.
Postbox github dark-grey theme
/* Toolbars */
--toolbar-top: #2d333b;
--toolbar-bottom: #2d333b;
--toolbar-inactive: #2d333b;
/* Tabs */
--toolbar-tab-active: #2B2B2B;
--toolbar-tab-inactive: #242424;
/* Toolbar Buttons */
--toolbar-button-default: rgba(255,255,255,0.17);
--toolbar-button-selected: #7b7b7b;
--toolbar-button-depressed: rgba(255,255,255,0.25);
--toolbar-button-border: transparent;
/* Favorites Bar Buttons */
--favbar-button-selected: #616161;
--favbar-button-hover: #7b7b7b;
/* Backgrounds */
--bg-primary: #1c2128;
--bg-secondary: #22272e;
--bg-sidebar: #22272e;
/* Dividers */
--divider-dark: #28292c;
--divider-light: #313841;
/* Selectors */
--selector: #2d333b;
--selector-sidebar: #2d333b;
--selector-inactive: rgba(255,255,255,0.10);
--selector-sidebar-inactive: rgba(255,255,255,0.10);
--selector-thread-inactive: rgba(255,255,255,0.14);
--selector-thread-child: rgba(255,255,255,0.08);
/* Text */
--font-primary: #FFFFFF;
--font-primary-sidebar: #FFFFFF;
--font-secondary: rgba(255,255,255,0.70);
--font-secondary-sidebar: rgba(255,255,255,0.70);
--font-primary-selected: #FFFFFF;
--font-secondary-selected: rgba(255,255,255,0.6);
--font-pending: rgba(255,255,255,0.50);
/* Text Fields */
--text-field-bg: rgba(255,255,255,0.14);
--text-field-border: transparent;
/* Folder Pane Bubbles */
--folder-bubble-bg: rgba(255,255,255,0.20);
--folder-bubble-bg-selected: rgba(255,255,255,0.20);
--folder-bubble-bg-focus: rgba(0,0,0,0.25);
--folder-bubble-text: #EEF1F4;
--folder-bubble-text-selected: #EEF1F4;
--folder-bubble-text-focus: #FFFFFF;
/* Focus Pane Bubbles */
--focus-bubble-bg: rgba(255,255,255,0.20);
--focus-bubble-bg-selected: rgba(255,255,255,0.20);
--focus-bubble-bg-focus: rgba(0,0,0,0.25);
--focus-bubble-text: #EEF1F4;
--focus-bubble-text-selected: #EEF1F4;
--focus-bubble-text-focus: #FFFFFF;
/* Message List Bubbles */
--message-bubble-bg: rgba(255,255,255,0.20);
--message-bubble-bg-selected: rgba(255,255,255,0.20);
--message-bubble-bg-focus: rgba(0,0,0,0.25);
--message-bubble-text: #EEF1F4;
--message-bubble-text-selected: #EEF1F4;
--message-bubble-text-focus: #FFFFFF;
/* Notification Bars */
--notification-bg-blue: #3687D5;
--notification-text-blue: rgba(255,255,255,0.99);
--notification-bg-yellow: #DCB439;
--notification-text-yellow: rgba(255,255,255,0.99);
--notification-bg-red: #B33620;
--notification-text-red: rgba(255,255,255,0.99);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment