Skip to content

Instantly share code, notes, and snippets.

@ianwesterfield
Created June 11, 2019 15:11
Show Gist options
  • Save ianwesterfield/13b34218a90fca3ca2e6277ab4135369 to your computer and use it in GitHub Desktop.
Save ianwesterfield/13b34218a90fca3ca2e6277ab4135369 to your computer and use it in GitHub Desktop.
Chrome/FireFox Dev Tools Theme
:root.theme-dark {
--theme-body-background: rgb(32, 32, 32) !important;
--theme-sidebar-background: rgb(32, 32, 32) !important;
--theme-tab-toolbar-background: #161A1E !important;
--theme-toolbar-background: #282E35 !important;
--theme-selection-background: #478DAD !important;
--theme-body-color: #D6D6D6 !important;
--theme-body-color-alt: #D6D6D6 !important;
--theme-content-color1: #D6D6D6 !important;
--theme-content-color2: #D6D6D6 !important;
--theme-content-color3: #D6D6D6 !important;
--theme-highlight-green: #D6D6D6 !important;
--theme-highlight-blue: rgb(82,165,207) !important;
--theme-highlight-bluegrey: white !important;
--theme-highlight-lightorange: #FF5A2C !important;
--theme-highlight-orange: yellow !important;
--theme-highlight-red: #D6D6D6 !important;
--theme-highlight-pink: #D6D6D6 !important;
--theme-highlight-purple: #56ac68 !important;
}
.originalTheme {
--theme-body-background: #14171a;
--theme-sidebar-background: #181d20;
--theme-contrast-background: #b28025;
--theme-tab-toolbar-background: #252c33;
--theme-toolbar-background: #343c45;
--theme-selection-background: #1d4f73;
--theme-selection-background-semitransparent: rgba(29, 79, 115, .5);
--theme-selection-color: #f5f7fa;
--theme-splitter-color: black;
--theme-comment: #757873;
--theme-body-color: #8fa1b2;
--theme-body-color-alt: #b6babf;
--theme-content-color1: #a9bacb;
--theme-content-color2: #8fa1b2;
--theme-content-color3: #5f7387;
--theme-highlight-green: #70bf53;
--theme-highlight-blue: #46afe3;
--theme-highlight-bluegrey: #5e88b0;
--theme-highlight-purple: #6b7abb;
--theme-highlight-lightorange: #d99b28;
--theme-highlight-orange: #d96629;
--theme-highlight-red: #eb5368;
--theme-highlight-pink: #df80ff;
/* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
--theme-graphs-green: #70bf53;
--theme-graphs-blue: #46afe3;
--theme-graphs-bluegrey: #5e88b0;
--theme-graphs-purple: #df80ff;
--theme-graphs-yellow: #d99b28;
--theme-graphs-orange: #d96629;
--theme-graphs-red: #eb5368;
--theme-graphs-grey: #757873;
--theme-graphs-full-red: #f00;
--theme-graphs-full-blue: #00f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment