Skip to content

Instantly share code, notes, and snippets.

@garlic0x1

garlic0x1/modus-operandi.css

Last active August 9, 2024 07:31
Show Gist options
  • Save garlic0x1/fc4759ec876732ced327c9960a5e7675 to your computer and use it in GitHub Desktop.
Save garlic0x1/fc4759ec876732ced327c9960a5e7675 to your computer and use it in GitHub Desktop.
Download ZIP
GTK Modus CSS
Raw
modus-operandi.css
@define-color bg-main #ffffff;
@define-color bg-dim #f0f0f0;
@define-color fg-main #000000;
@define-color fg-dim #595959;
@define-color fg-alt #193668;
@define-color bg-active #c4c4c4;
@define-color bg-inactive #e0e0e0;
@define-color border #9f9f9f;
@define-color red #a60000;
@define-color red-warmer #972500;
@define-color red-cooler #a0132f;
@define-color red-faint #7f0000;
@define-color red-intense #d00000;
@define-color green #006800;
@define-color green-warmer #316500;
@define-color green-cooler #00663f;
@define-color green-faint #2a5045;
@define-color green-intense #008900;
@define-color yellow #6f5500;
@define-color yellow-warmer #884900;
@define-color yellow-cooler #7a4f2f;
@define-color yellow-faint #624416;
@define-color yellow-intense #808000;
@define-color blue #0031a9;
@define-color blue-warmer #354fcf;
@define-color blue-cooler #0000b0;
@define-color blue-faint #003497;
@define-color blue-intense #0000ff;
@define-color magenta #721045;
@define-color magenta-warmer #8f0075;
@define-color magenta-cooler #531ab6;
@define-color magenta-faint #7c318f;
@define-color magenta-intense #dd22dd;
@define-color cyan #005e8b;
@define-color cyan-warmer #3f578f;
@define-color cyan-cooler #005f5f;
@define-color cyan-faint #005077;
@define-color cyan-intense #008899;
@define-color rust #8a290f;
@define-color gold #80601f;
@define-color olive #56692d;
@define-color slate #2f3f83;
@define-color indigo #4a3a8a;
@define-color maroon #731c52;
@define-color pink #7b435c;
@define-color bg-red-intense #ff8f88;
@define-color bg-green-intense #8adf80;
@define-color bg-yellow-intense #f3d000;
@define-color bg-blue-intense #bfc9ff;
@define-color bg-magenta-intense #dfa0f0;
@define-color bg-cyan-intense #a4d5f9;
@define-color bg-red-subtle #ffcfbf;
@define-color bg-green-subtle #b3fabf;
@define-color bg-yellow-subtle #fff576;
@define-color bg-blue-subtle #ccdfff;
@define-color bg-magenta-subtle #ffddff;
@define-color bg-cyan-subtle #bfefff;
@define-color bg-red-nuanced #fff1f0;
@define-color bg-green-nuanced #ecf7ed;
@define-color bg-yellow-nuanced #fff3da;
@define-color bg-blue-nuanced #f3f3ff;
@define-color bg-magenta-nuanced #fdf0ff;
@define-color bg-cyan-nuanced #ebf6fa;
@define-color bg-graph-red-0 #ef7969;
@define-color bg-graph-red-1 #ffaab4;
@define-color bg-graph-green-0 #4faa09;
@define-color bg-graph-green-1 #8fef00;
@define-color bg-graph-yellow-0 #ffcf00;
@define-color bg-graph-yellow-1 #f9ff00;
@define-color bg-graph-blue-0 #7090ff;
@define-color bg-graph-blue-1 #9fc6ff;
@define-color bg-graph-magenta-0 #e07fff;
@define-color bg-graph-magenta-1 #fad0ff;
@define-color bg-graph-cyan-0 #70d3f0;
@define-color bg-graph-cyan-1 #afefff;
@define-color bg-completion #c0deff;
@define-color bg-hover #94d4ff;
@define-color bg-hover-secondary #f5d0a0;
@define-color bg-hl-line #d0d6ec;
@define-color bg-paren-match #5fcfff;
@define-color bg-paren-expression #efd3f5;
@define-color bg-region #bcbcbc;
@define-color bg-region-subtle #f0e0cc;
@define-color bg-char-0 #7feaff;
@define-color bg-char-1 #ffaaff;
@define-color bg-char-2 #dff000;
@define-color bg-mode-line-active #c8c8c8;
@define-color fg-mode-line-active #000000;
@define-color border-mode-line-active #5a5a5a;
@define-color bg-mode-line-inactive #e6e6e6;
@define-color fg-mode-line-inactive #585858;
@define-color border-mode-line-inactive #a3a3a3;
@define-color modeline-err #7f0000;
@define-color modeline-warning #5f0070;
@define-color modeline-info #002580;
@define-color bg-tab-bar #dfdfdf;
@define-color bg-tab-current #ffffff;
@define-color bg-tab-other #c2c2c2;
@define-color bg-added #c1f2d1;
@define-color bg-added-faint #d8f8e1;
@define-color bg-added-refine #aee5be;
@define-color bg-added-intense #8cca8c;
@define-color fg-added #005000;
@define-color fg-added-intense #006700;
@define-color bg-changed #ffdfa9;
@define-color bg-changed-faint #ffefbf;
@define-color bg-changed-refine #fac090;
@define-color bg-changed-intense #d7c20a;
@define-color fg-changed #553d00;
@define-color fg-changed-intense #655000;
@define-color bg-removed #ffd8d5;
@define-color bg-removed-faint #ffe9e9;
@define-color bg-removed-refine #f3b5af;
@define-color bg-removed-intense #d84a4f;
@define-color fg-removed #8f1313;
@define-color fg-removed-intense #aa2222;
Raw
modus-vivendi.css
@define-color bg-main #000000;
@define-color bg-dim #1e1e1e;
@define-color fg-main #ffffff;
@define-color fg-dim #989898;
@define-color fg-alt #c6daff;
@define-color bg-active #535353;
@define-color bg-inactive #303030;
@define-color border #646464;
@define-color red #ff5f59;
@define-color red-warmer #ff6b55;
@define-color red-cooler #ff7f9f;
@define-color red-faint #ff9580;
@define-color red-intense #ff5f5f;
@define-color green #44bc44;
@define-color green-warmer #70b900;
@define-color green-cooler #00c06f;
@define-color green-faint #88ca9f;
@define-color green-intense #44df44;
@define-color yellow #d0bc00;
@define-color yellow-warmer #fec43f;
@define-color yellow-cooler #dfaf7a;
@define-color yellow-faint #d2b580;
@define-color yellow-intense #efef00;
@define-color blue #2fafff;
@define-color blue-warmer #79a8ff;
@define-color blue-cooler #00bcff;
@define-color blue-faint #82b0ec;
@define-color blue-intense #338fff;
@define-color magenta #feacd0;
@define-color magenta-warmer #f78fe7;
@define-color magenta-cooler #b6a0ff;
@define-color magenta-faint #caa6df;
@define-color magenta-intense #ff66ff;
@define-color cyan #00d3d0;
@define-color cyan-warmer #4ae2f0;
@define-color cyan-cooler #6ae4b9;
@define-color cyan-faint #9ac8e0;
@define-color cyan-intense #00eff0;
@define-color rust #db7b5f;
@define-color gold #c0965b;
@define-color olive #9cbd6f;
@define-color slate #76afbf;
@define-color indigo #9099d9;
@define-color maroon #cf7fa7;
@define-color pink #d09dc0;
@define-color bg-red-intense #9d1f1f;
@define-color bg-green-intense #2f822f;
@define-color bg-yellow-intense #7a6100;
@define-color bg-blue-intense #1640b0;
@define-color bg-magenta-intense #7030af;
@define-color bg-cyan-intense #2266ae;
@define-color bg-red-subtle #620f2a;
@define-color bg-green-subtle #00422a;
@define-color bg-yellow-subtle #4a4000;
@define-color bg-blue-subtle #242679;
@define-color bg-magenta-subtle #552f5f;
@define-color bg-cyan-subtle #004065;
@define-color bg-red-nuanced #2c0614;
@define-color bg-green-nuanced #001904;
@define-color bg-yellow-nuanced #221000;
@define-color bg-blue-nuanced #0f0e39;
@define-color bg-magenta-nuanced #230631;
@define-color bg-cyan-nuanced #041529;
@define-color bg-graph-red-0 #b52c2c;
@define-color bg-graph-red-1 #702020;
@define-color bg-graph-green-0 #4fd100;
@define-color bg-graph-green-1 #007800;
@define-color bg-graph-yellow-0 #f1e00a;
@define-color bg-graph-yellow-1 #b08600;
@define-color bg-graph-blue-0 #2fafef;
@define-color bg-graph-blue-1 #1f2f8f;
@define-color bg-graph-magenta-0 #bf94fe;
@define-color bg-graph-magenta-1 #5f509f;
@define-color bg-graph-cyan-0 #47dfea;
@define-color bg-graph-cyan-1 #00808f;
@define-color bg-completion #2f447f;
@define-color bg-hover #004f70;
@define-color bg-hover-secondary #654a39;
@define-color bg-hl-line #2f3849;
@define-color bg-paren-match #2f7f9f;
@define-color bg-paren-expression #453040;
@define-color bg-region #5c5c5c;
@define-color bg-region-subtle #4f1c2f;
@define-color bg-char-0 #0050af;
@define-color bg-char-1 #7f1f7f;
@define-color bg-char-2 #625a00;
@define-color bg-mode-line-active #505050;
@define-color fg-mode-line-active #ffffff;
@define-color border-mode-line-active #959595;
@define-color bg-mode-line-inactive #2d2d2d;
@define-color fg-mode-line-inactive #969696;
@define-color border-mode-line-inactive #606060;
@define-color modeline-err #ffa9bf;
@define-color modeline-warning #dfcf43;
@define-color modeline-info #9fefff;
@define-color bg-tab-bar #313131;
@define-color bg-tab-current #000000;
@define-color bg-tab-other #545454;
@define-color bg-added #00381f;
@define-color bg-added-faint #002910;
@define-color bg-added-refine #034f2f;
@define-color bg-added-intense #237f3f;
@define-color fg-added #a0e0a0;
@define-color fg-added-intense #80e080;
@define-color bg-changed #363300;
@define-color bg-changed-faint #2a1f00;
@define-color bg-changed-refine #4a4a00;
@define-color bg-changed-intense #8a7a00;
@define-color fg-changed #efef80;
@define-color fg-changed-intense #c0b05f;
@define-color bg-removed #4f1119;
@define-color bg-removed-faint #380a0f;
@define-color bg-removed-refine #781a1f;
@define-color bg-removed-intense #b81a1f;
@define-color fg-removed #ffbfbf;
@define-color fg-removed-intense #ff9095;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment