Skip to content

Instantly share code, notes, and snippets.

@WooodHead

WooodHead/dark-theme.css

Forked from ZachSaucier/dark-theme.css
Created April 9, 2024 03:16
Show Gist options
  • Save WooodHead/062791f80ead46c7588d233c9a20e40c to your computer and use it in GitHub Desktop.
Save WooodHead/062791f80ead46c7588d233c9a20e40c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @ZachSaucier ZachSaucier revised this gist Aug 21, 2016. 1 changed file with 5 additions and 7 deletions.
    12 changes: 5 additions & 7 deletions dark-theme.css
    View file
    Original file line number Diff line number Diff line change
    @@ -21,16 +21,14 @@ body {
    }

    .simple-print {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    fill: white;
    stroke: white;
    }

    .simple-close {
    color: #666;
    border-color: #666;
    .simple-print svg {
    height: 100%;
    }

    .simple-close:hover {
    .simple-close {
    color: white;
    border-color: white;
    }
  2. @ZachSaucier ZachSaucier revised this gist Jun 28, 2016. 1 changed file with 10 additions and 4 deletions.
    14 changes: 10 additions & 4 deletions dark-theme.css
    View file
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@
    body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.75em;
    font-size: 18px;
    font-size: 16px;
    background-color: #222;
    color: #aaa;
    }
    @@ -90,7 +90,13 @@ aside,
    [class *= "sidebar"],
    [id *= "sidebar"] {
    max-width: 90%;
    margin: 0 auto;
    border: 1px solid lightgrey;
    padding: 5px 15px;
    margin: 0 auto;
    border: 1px solid lightgrey;
    padding: 5px 15px;
    }

    @media (min-width: 1921px) {
    body {
    font-size: 18px;
    }
    }
  3. @ZachSaucier ZachSaucier revised this gist Jun 24, 2016. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions dark-theme.css
    View file
    Original file line number Diff line number Diff line change
    @@ -84,4 +84,13 @@ img {

    li {
    line-height: 1.5em;
    }

    aside,
    [class *= "sidebar"],
    [id *= "sidebar"] {
    max-width: 90%;
    margin: 0 auto;
    border: 1px solid lightgrey;
    padding: 5px 15px;
    }
  4. @ZachSaucier ZachSaucier revised this gist Jun 24, 2016. 1 changed file with 10 additions and 6 deletions.
    16 changes: 10 additions & 6 deletions dark-theme.css
    View file
    Original file line number Diff line number Diff line change
    @@ -21,18 +21,22 @@ body {
    }

    .simple-print {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    -webkit-filter: invert(100%);
    filter: invert(100%);
    }

    .simple-close {
    color: #666;
    border-color: #666;
    color: #666;
    border-color: #666;
    }

    .simple-close:hover {
    color: white;
    border-color: white;
    color: white;
    border-color: white;
    }

    .simple-ext-info {
    border-top: 1px solid #aaa;
    }

    p {
  5. @ZachSaucier ZachSaucier revised this gist Jun 24, 2016. 1 changed file with 0 additions and 6 deletions.
    6 changes: 0 additions & 6 deletions dark-theme.css
    View file
    Original file line number Diff line number Diff line change
    @@ -39,11 +39,6 @@ p {
    font-size: 16px;
    }

    h1,
    h2 {
    font-family: 'Source Sans Pro Bold', sans-serif;
    }

    h1 {
    font-size: 30px;
    line-height: 34px;
    @@ -55,7 +50,6 @@ h2 {
    }

    h3 {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 27px;
    padding-top: 15px;
  6. @ZachSaucier ZachSaucier created this gist Jun 24, 2016.
    89 changes: 89 additions & 0 deletions dark-theme.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,89 @@
    @import 'https://fonts.googleapis.com/css?family=Open+Sans';

    * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.75em;
    font-size: 18px;
    background-color: #222;
    color: #aaa;
    }

    .simple-container {
    max-width: 675px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 20px;
    }

    .simple-print {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    }

    .simple-close {
    color: #666;
    border-color: #666;
    }

    .simple-close:hover {
    color: white;
    border-color: white;
    }

    p {
    font-size: 16px;
    }

    h1,
    h2 {
    font-family: 'Source Sans Pro Bold', sans-serif;
    }

    h1 {
    font-size: 30px;
    line-height: 34px;
    }

    h2 {
    font-size: 20px;
    line-height: 25px;
    }

    h3 {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    }

    hr {
    height: 1px;
    background-color: #d8d8d8;
    border: none;
    width: 100%;
    margin: 0px;
    }

    a[href] {
    color: #1e8ad6;
    }

    a[href]:hover {
    color: #3ba0e6;
    }

    img {
    max-width: 100%;
    }

    li {
    line-height: 1.5em;
    }