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

Merge branch 'navbar-colors' of mio/css into master

This commit is contained in:
Ben Harris 2018-06-07 19:04:25 -04:00 committed by Gitea
parent 21068eccad 000ad3c9db
commit b302cbc11a
2 changed files with 37 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
less/hacker/_theme.less
View File

@ -51,6 +51,15 @@ fieldset[disabled] .form-control {
} }
// Dropdowns
// Bold header
.dropdown-header {
margin: 5px 0;
font-weight: bold;
background: @dropdown-header-bg;
}
// Tables // Tables
// Heading color // Heading color
thead { thead {

54
less/hacker/_variables.less
View File

@ -15,9 +15,8 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
@hacker: @hacker-primary-light; /* Body text */ @hacker: @hacker-primary-light; /* Body text */
@hacker-bg: #000000; /* Body bg */ @hacker-bg: #000000; /* Body bg */
@hacker-box-bg: lighten(@hacker-bg, 10%); /* Boxed elem bg */ @hacker-box-bg: lighten(@hacker-bg, 10%); /* Container elem bg */
@hacker-box-border: lighten(@hacker-bg, 20%); /* Boxed elem border */ @hacker-box-border: lighten(@hacker-bg, 20%); /* Container border */
@hacker-headings: @hacker-primary-lighter; /* Headings */
// Bootstrap Colors // Bootstrap Colors
@ -50,7 +49,8 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
@border-radius-small: 0; @border-radius-small: 0;
@line-height-large: 1.33; @line-height-large: 1.33;
@line-height-small: 1.5; @line-height-small: 1.5;
@component-active-bg: @hacker-primary; @component-active-color: @hacker-bg;
@component-active-bg: @hacker-primary-lighter;
// Typography // Typography
@ -118,29 +118,31 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
// Dropdowns // Dropdowns
@dropdown-bg: @hacker-box-bg; @dropdown-bg: @hacker-box-bg;
@dropdown-border: @hacker-box-border; @dropdown-border: @hacker-box-border;
@dropdown-divider-bg: #333333; @dropdown-divider-bg: @hacker-box-border;
@dropdown-link-active-color: @hacker-bg; @dropdown-link-active-color: @component-active-color;
@dropdown-link-active-bg: @component-active-bg; @dropdown-link-active-bg: @component-active-bg;
@dropdown-link-color: @gray-dark; @dropdown-link-color: @hacker-primary-light;
@dropdown-link-hover-color: @hacker-bg; @dropdown-link-hover-color: @link-hover-color;
@dropdown-link-hover-bg: @dropdown-link-active-bg; @dropdown-link-hover-bg: @gray-darker;
@dropdown-link-disabled-color: @gray-light; @dropdown-link-disabled-color: @gray-light;
@dropdown-header-color: lighten(@hacker-bg, 50%); @dropdown-header-color: @headings-color;
@dropdown-caret-color: #000000; @dropdown-caret-color: #000000;
// Custom colors
@dropdown-header-bg: lighten(@dropdown-bg, 10%);
// Forms // Forms
@input-bg: @hacker-bg; @input-bg: @hacker-bg;
@input-bg-disabled: lighten(@hacker-bg, 20%); @input-bg-disabled: lighten(@hacker-bg, 20%);
@input-color: @hacker; @input-color: @hacker;
@input-border: #444444; @input-border: @hacker-box-border;
@input-border-focus: @hacker; @input-border-focus: @component-active-bg;
@input-border-radius: @border-radius-base; @input-border-radius: @border-radius-base;
@input-color-placeholder: @hacker; @input-color-placeholder: @hacker;
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); @input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
@legend-color: @hacker-headings; @legend-color: @headings-color;
@legend-border-color: @hacker-box-border; @legend-border-color: @hacker-box-border;
@input-group-addon-bg: @hacker-bg; @input-group-addon-bg: @hacker-bg;
@input-group-addon-border-color: @input-border; @input-group-addon-border-color: @input-border;
@ -167,20 +169,20 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
@navbar-height: 50px; @navbar-height: 50px;
@navbar-margin-bottom: @line-height-computed; @navbar-margin-bottom: @line-height-computed;
@navbar-default-color: @hacker; @navbar-default-color: @hacker;
@navbar-default-bg: darken(@hacker-bg, 10%); @navbar-default-bg: @hacker-bg;
@navbar-default-border: darken(@navbar-default-bg, 6.5%); @navbar-default-border: @hacker-bg;
@navbar-border-radius: @border-radius-base; @navbar-border-radius: @border-radius-base;
@navbar-padding-horizontal: floor(@grid-gutter-width / 2); @navbar-padding-horizontal: floor(@grid-gutter-width / 2);
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
@navbar-default-link-color: @hacker; @navbar-default-link-color: @link-color;
@navbar-default-link-hover-color: darken(@hacker, 20%); @navbar-default-link-hover-color: @link-hover-color;
@navbar-default-link-hover-bg: @hacker-bg; @navbar-default-link-hover-bg: @hacker-bg;
@navbar-default-link-active-color: #999999; @navbar-default-link-active-color: @hacker-bg;
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); @navbar-default-link-active-bg: @hacker-primary-lighter;
@navbar-default-link-disabled-color: #CCCCCC; @navbar-default-link-disabled-color: #CCCCCC;
@navbar-default-link-disabled-bg: transparent; @navbar-default-link-disabled-bg: transparent;
@navbar-default-brand-color: @navbar-default-link-color; @navbar-default-brand-color: @navbar-default-link-color;
@navbar-default-brand-hover-color: darken(@navbar-default-link-color, 10%); @navbar-default-brand-hover-color: lighten(@navbar-default-link-color, 10%);
@navbar-default-brand-hover-bg: transparent; @navbar-default-brand-hover-bg: transparent;
@navbar-default-toggle-hover-bg: #DDDDDD; @navbar-default-toggle-hover-bg: #DDDDDD;
@navbar-default-toggle-icon-bar-bg: #888888; @navbar-default-toggle-icon-bar-bg: #888888;
@ -195,13 +197,13 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
@nav-tabs-border-color: #444444; @nav-tabs-border-color: #444444;
@nav-tabs-link-hover-border-color: #444444; @nav-tabs-link-hover-border-color: #444444;
@nav-tabs-active-link-hover-bg: @hacker-primary-lighter; @nav-tabs-active-link-hover-bg: @hacker-primary-lighter;
@nav-tabs-active-link-hover-color: #000000; @nav-tabs-active-link-hover-color: @hacker-bg;
@nav-tabs-active-link-hover-border-color: #222222; @nav-tabs-active-link-hover-border-color: #444444;
@nav-tabs-justified-link-border-color: #DDDDDD; @nav-tabs-justified-link-border-color: #DDDDDD;
@nav-tabs-justified-active-link-border-color: @body-bg; @nav-tabs-justified-active-link-border-color: @body-bg;
@nav-pills-border-radius: @border-radius-base; @nav-pills-border-radius: @border-radius-base;
@nav-pills-active-link-hover-bg: @component-active-bg; @nav-pills-active-link-hover-bg: @component-active-bg;
@nav-pills-active-link-hover-color: #FFFFFF; @nav-pills-active-link-hover-color: @component-active-color;
// Panel // Panel
@ -253,8 +255,8 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
@pagination-hover-bg: @gray-darker; @pagination-hover-bg: @gray-darker;
@pagination-hover-color: @link-hover-color; @pagination-hover-color: @link-hover-color;
@pagination-hover-border: @pagination-border; @pagination-hover-border: @pagination-border;
@pagination-active-bg: @hacker-primary-lighter; @pagination-active-bg: @component-active-bg;
@pagination-active-color: @hacker-bg; @pagination-active-color: @component-active-color;
@pagination-active-border: @pagination-border; @pagination-active-border: @pagination-border;
@pagination-disabled-color: @hacker-primary; @pagination-disabled-color: @hacker-primary;
@pagination-disabled-bg: @pagination-bg; @pagination-disabled-bg: @pagination-bg;
@ -359,4 +361,4 @@ Palette URL: http://paletton.com/#uid=12U0u0knnfti5bkladVnSlVo6tw
@label-color: @hacker-bg; @label-color: @hacker-bg;
// hr // hr
@hr-border: @gray; @hr-border: lighten(@hacker-bg, 20%);