dhg
/
css
forked from team/css
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

new color palette

This commit is contained in:
Ben Harris 2018-03-16 20:54:56 -04:00
parent 68accb341c
commit dd53823e0c
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
less/hacker/_variables.less
View File

@ -1,20 +1,27 @@
/* /*
A Bootstrap theme for 31337 H4X0RS A Bootstrap theme for 31337 H4X0RS
by Tobin Brown, 2015 by Tobin Brown, 2015
forked by benharri for tilde.team
Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
*/ */
@color-primary: #195C2B; /* Main Primary color */
@color-primary-1: #1D4327;
@color-primary-2: #1C532A;
@color-primary-3: #21823B;
@color-primary-4: #2BB04E;
// Hacker Colors // Hacker Colors
@hacker: #00ff00; @hacker: @color-primary;
@hacker-bg: #111111; @hacker-bg: #000000;
// Grays (acutally greens, so yeah, gg) // Grays (acutally greens, so yeah, gg)
@gray-darker: @hacker; @gray-darker: #2F4F4F;
@gray-dark: darken(@hacker, 10%); @gray-dark: #708090;
@gray: darken(@hacker, 20%); @gray: #696969;
@gray-light: darken(@hacker, 40%); @gray-light: #808080;
@gray-lighter: darken(@hacker, 40%); @gray-lighter: #A9A9A9;
// Brand Colors // Brand Colors
@ -27,8 +34,8 @@ by Tobin Brown, 2015
// Scaffolding // Scaffolding
@body-bg: @hacker-bg; @body-bg: @hacker-bg;
@text-color: @gray-dark; @text-color: @color-primary-4;
@link-color: lighten(@brand-primary, 20%); @link-color: @color-primary-2;
@link-hover-color: lighten(@link-color, 10%); @link-hover-color: lighten(@link-color, 10%);
@padding-base-vertical: 6px; @padding-base-vertical: 6px;
@padding-base-horizontal: 12px; @padding-base-horizontal: 12px;
@ -45,9 +52,9 @@ by Tobin Brown, 2015
// Typography // Typography
@font-family-sans-serif: "IBM Plex Mono"; @font-family-sans-serif: "IBM Plex Mono", monospace;
@font-family-serif: "IBM Plex Mono"; @font-family-serif: "IBM Plex Mono", monospace;
@font-family-monospace: "IBM Plex Mono"; @font-family-monospace: "IBM Plex Mono", monospace;
@font-family-base: @font-family-monospace; @font-family-base: @font-family-monospace;
@font-size-base: 16px; @font-size-base: 16px;
@font-size-large: ceil(@font-size-base * 1.25); @font-size-large: ceil(@font-size-base * 1.25);
@ -68,13 +75,13 @@ by Tobin Brown, 2015
// code // code
@code-color: @brand-primary; @code-color: @brand-primary;
@code-bg: lighten(@hacker-bg, 10%); @code-bg: @gray-darker;
@kbd-color: @brand-primary; @kbd-color: @brand-primary;
@kbd-bg: lighten(@hacker-bg, 20%); @kbd-bg: @gray;
@pre-color: @brand-primary; @pre-color: @brand-primary;
@pre-bg: lighten(@hacker-bg, 15%); @pre-bg: @gray-dark;
// Buttons // Buttons
@ -120,9 +127,9 @@ by Tobin Brown, 2015
// Forms // Forms
@input-bg: darken(@hacker-bg, 20%); @input-bg: @gray-darker;
@input-bg-disabled: @gray-lighter; @input-bg-disabled: @gray-lighter;
@input-color: @gray; @input-color: @color-primary-2;
@input-border: #444444; @input-border: #444444;
@input-border-focus: @hacker; @input-border-focus: @hacker;
@input-border-radius: @border-radius-base; @input-border-radius: @border-radius-base;