Commit graph

24 commits

Author SHA1 Message Date
Tom Manner 5ffad0d956
Color notices based on skin colors instead of fixed values (#2887)
* Made notice Sass color mixing in based on $background-color and $text-color instead of hard-coded black and white values.

* Made some style adjustments to notices to improve readability.

Notice links are slightly darkened from the notice color, mostly because the gray-on-gray default notice links were very hard to read.  Rather than being $notice-color, they are `mix(#000, $notice-color, 10%)`.
The notice background mix and code-background mix can now be set with the SCSS variables $notice-background-mix and $code-notice-background-mix.
The default mix for background was adjusted to 80%, from 90%.
The default mix for code-background was adjusted to 90%, from 95%.
Skins that still didn't read well were adjusted individually.

* Adjusted sunrise $notice-background-mix to 75%

* Adjusted dark theme notice background mix colors back to the default

Co-authored-by: Tom Manner <tsmanner@us.ibm.com>
2021-04-13 16:00:24 -04:00
Michael Rose 0cf1a2e114 Improve headline hierarchy
Add headline specific Sass variables:

```scss
$h-size-1: 1.563em !default; // ~25.008px
$h-size-2: 1.25em !default; // ~20px
$h-size-3: 1.125em !default; // ~18px
$h-size-4: 1.0625em !default; // ~17px
$h-size-5: 1.03125em !default; // ~16.5px
$h-size-6: 1em !default; // ~16px
```

Fixes #2423
2020-03-05 12:39:35 -05:00
Michael Rose dc8a41bb60 Improve accessiblity of default skin by increasing color contrast 2020-03-04 16:33:50 -05:00
Wouter Janson e09ff7efd7 Add social icon color for Keybase (#2302) 2019-11-12 15:14:32 -05:00
Luis Puerto e4c0689cda Add max-width Sass variable (#2093) 2019-04-08 20:59:57 -04:00
Michael Rose 59111d1e01 Remove Google+
Google+ is being shutdown on April 2, 2019. Social sharing buttong, comment provider, and author link configs have been removed from the theme.

ref: https://support.google.com/plus/answer/9195133
2019-03-05 18:53:30 -05:00
Erik Demaine 04e1614184 Define $active-color in terms of $primary-color 2019-01-04 15:46:01 -05:00
Erik Demaine f2f580101e Scrollspy-style updating of hash and TOC highlighting 2019-01-04 12:45:04 -05:00
Michael Rose cbcc53de31 Add focus color 2018-11-25 20:19:24 -05:00
Michael Rose 50e1ed8900 Improve color contrast of primary buttons and links 2018-10-29 10:06:52 -04:00
Michael Rose f4bb3971e7 Add social icon colors for Reddit and Mastodon 2018-09-10 15:11:58 -04:00
Michael Rose 623ac4a650 Adjust height of navigation toggle 2018-08-10 08:54:56 -04:00
Michael Rose 73f47af242 Switch $nav-height to a relative unit 2018-08-09 15:56:12 -04:00
Michael Rose 1fbbe993c6 Increase navigation min-height 2018-08-09 15:52:50 -04:00
Michael Rose e707057fa8 Improve side navigation spacing in relation to masthead 2018-08-09 15:06:00 -04:00
Troy Lindsay 37e5fd11d4 #1653: Add GitLab social icon brand color (#1654) 2018-05-08 10:43:53 -04:00
Michael Rose 3f469f268f
Improve syntax highlighting styles (#1450)
* Cleanup syntax highlighting styles
* Replace hardcoded color values with [base16](http://chriskempson.com/projects/base16/) Sass variables
* Harmonize padding between GFM code blocks and `{% highlight %}` code blocks
*  Improve readability of line numbers
* Add longer code block example to test double digit line numbers
* Adjust code block colors for specific skins
2018-01-04 20:46:10 -05:00
Tony Ho ab6c416e7e Fix system font rendering in Chrome on macOS/OS X (#1290)
Use `BlinkMacSystemFont` instead of private font name.

Closes #1289
2017-10-03 08:29:33 -04:00
Michael Rose 93c4fbc4b9 Color "skins" (#1242)
* Add YIQ Color Contrast mixin
* Remove text underline from `.btn` links
* Move YIQ variables
* Simplify button classes using YIQ color contrast mixin
  - DRY up button CSS using Sass list and YIQ color contrast mixin.
  - Move `color` and `background-color` to new `btn--primary` class instead of assinging on the default class. Removes the need to override them.
* Add `.btn--primary` to buttons that just had `.btn`
* Apply changes to `/docs`
* Add `.btn--primary` class
* Update CHANGELOG and history
* Add sample form
* Abstract colors away into Sass variables for easier themeing
* Add "dark" skin
* Replace hardcoded color with SCSS variable
* Invert Font Awesome icons' colors in author sidebar and footer
* Add Sass changes to `/docs`
* Use primary button type instead of inverse
* Add missing `!default` on `$muted-text-color`
* Add `contrast` and `sunrise` skin colors
* Add `dirt` skin color
* Add `air` skin color option
* Add `mint` skin color
* Add `btn--primary` class to Submit Comment button
* Set skin to `default`
* Document skin color options
* Add note about skin SCSS import

Close #1208
2017-09-12 12:01:43 -04:00
Michael Rose 48e2006622 Fix space alignment 2017-08-02 12:29:47 -04:00
Peter Dimou 5b4baee3b5 Refactor intro animations into a separate SASS variable (#1147) 2017-08-02 12:27:01 -04:00
palatinux 951b2c7002 Add $navicon-link-color-hover 1/2 (#1089)
Since the orig color-scheme doesn't always represent the nav/site colors
2017-07-07 15:11:48 -04:00
Guillermo Calvo b3410ed8b2 Add new brand variable: $bitbucket-color (#1009) 2017-05-16 08:21:32 -04:00
Michael Rose 3fc1bfde26 Move SCSS partials to /_sass/minimal-mistakes for easier CSS customization 2017-04-18 12:52:11 -04:00
Renamed from _sass/_variables.scss (Browse further)