mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-27 18:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Dark theme tweaks and improvements

Browse source
This commit is contained in:
n1474335 2017-05-07 01:13:47 +01:00
parent 0dc72d8301
commit 280f1ee2df
9 changed files with 44 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/web/stylesheets/themes/_classic.css
View file

@ -27,6 +27,7 @@
--title-colour: #424242;
--title-weight: bold;
--title-background-colour: #eee;
--banner-font-colour: #468847;
--banner-bg-colour: #dff0d8;
@ -49,10 +50,6 @@
--breakpoint-bg-colour: #f2dede;
--breakpoint-border-colour: #eed3d7;
--breakpoint-font-colour: #b94a48;
--breakpoint-bg-colour: #f2dede;
--breakpoint-border-colour: #eed3d7;
--disabled-font-colour: #999;
--disabled-bg-colour: #dfdfdf;
--disabled-border-colour: #cdcdcd;

61
src/web/stylesheets/themes/_dark.css
View file

@ -34,13 +34,14 @@ option text for inputs is invisible
--secondary-background-colour: #252525;
--primary-border-colour: #444;
--secondary-border-colour: #3c3c3c; /*todo*/
--secondary-border-colour: #3c3c3c;
--title-colour: #fff;
--title-weight: bold;
--title-background-colour: #333;
--banner-font-colour: #c5c5c5;
--banner-bg-colour: #333;
--banner-bg-colour: #252525;
/* Operation colours */
@ -48,50 +49,46 @@ option text for inputs is invisible
--op-list-operation-bg-colour: #333;
--op-list-operation-border-colour: #444;
--rec-list-operation-font-colour: #c5c5c5; /*todo*/
--rec-list-operation-bg-colour: #333;
--rec-list-operation-font-colour: #c5c5c5;
--rec-list-operation-bg-colour: #252525;
--rec-list-operation-border-colour: #444;
--selected-operation-font-color: #c09853; /*todo*/
--selected-operation-bg-colour: #fcf8e3;
--selected-operation-border-colour: #fbeed5;
--selected-operation-font-color: #c5c5c5;
--selected-operation-bg-colour: #3f3f3f;
--selected-operation-border-colour: #444;
--breakpoint-font-colour: #b94a48; /*todo*/
--breakpoint-bg-colour: #f2dede;
--breakpoint-border-colour: #eed3d7;
--breakpoint-font-colour: #ddd;
--breakpoint-bg-colour: #073655;
--breakpoint-border-colour: #444;
--breakpoint-font-colour: #b94a48; /*todo*/
--breakpoint-bg-colour: #f2dede;
--breakpoint-border-colour: #eed3d7;
--disabled-font-colour: #666;
--disabled-bg-colour: #444;
--disabled-border-colour: #444;
--disabled-font-colour: #999; /*todo*/
--disabled-bg-colour: #dfdfdf;
--disabled-border-colour: #cdcdcd;
--fc-operation-font-colour: #c5c5c5;
--fc-operation-bg-colour: #2d2d2d;
--fc-operation-border-colour: #444;
--fc-operation-font-colour: #396f3a; /*todo*/
--fc-operation-bg-colour: #c7e4ba;
--fc-operation-border-colour: #b3dba2;
--fc-breakpoint-operation-font-colour: #94312f; /*todo*/
--fc-breakpoint-operation-bg-colour: #eabfbf;
--fc-breakpoint-operation-border-colour: #e2aeb5;
--fc-breakpoint-operation-font-colour: #ddd;
--fc-breakpoint-operation-bg-colour: #072b49;
--fc-breakpoint-operation-border-colour: #444;
/* Operation arguments */
--arg-title-font-weight: bold; /*todo*/
--arg-title-font-weight: bold;
--arg-input-height: 34px;
--arg-input-line-height: 20px;
--arg-input-font-size: 15px;
--arg-font-colour: #bbb;
--arg-background: #252525;
--arg-border-colour: #205375;
--arg-disabled-background: #eee; /*todo*/
--arg-background: #3c3c3c;
--arg-border-colour: #3c3c3c;
--arg-disabled-background: #4f4f4f;
/* Buttons */
--btn-default-font-colour: #c5c5c5;
--btn-default-bg-colour: #3c3c3c;
--btn-default-border-colour: #205375;
--btn-default-bg-colour: #2d2d2d;
--btn-default-border-colour: #3c3c3c;
--btn-default-hover-font-colour: #c5c5c5;
--btn-default-hover-bg-colour: #2d2d2d;
@ -107,8 +104,8 @@ option text for inputs is invisible
/* Highlighter colours */
--hl1: #fff000; /*todo*/
--hl2: #95dfff;
--hl1: #264f78;
--hl2: #675351;
--hl3: #ffb6b6;
--hl4: #fcf8e3;
--hl5: #8de768;
@ -121,7 +118,7 @@ option text for inputs is invisible
/* Misc. */
--drop-file-border-colour: #3a87ad; /*todo*/
--drop-file-border-colour: #0e639c;
--popover-background: #444;
--popover-border-colour: #666; /* still working on this */
}