Skip to content

JN gentle theme by stylin

Screenshot of JN gentle theme

Details

Authorstylin

LicenseNo License

Categoryjellyneo

Created

Updated

Size7.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Lower contrast, dim theme for JN that is easier on the eyes and brain. You can still use the JN themes with this theme to change the header image of the site.

Notes

This is meant as a stop-gap until they provide a proper dark theme. I will keep updating it as needed.

Source code

/* ==UserStyle==
@name           JellyNeo Gentle Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Lower contrast, dim theme for JN that is easier on the eyes and brain. You can still use the JN themes with this theme to change the header image of the site.
@author         Neolodgeism
==/UserStyle== */
@-moz-document domain("www.jellyneo.net"), 
domain("items.jellyneo.net"), 
domain("bookofages.jellyneo.net"), 
domain("wardrobe.jellyneo.net"), 
domain("drsloth.com"), 
domain("merch.jellyneo.net") {
    body {
        background-color: #2b3344 !important;
        background: #455061 !important;
    }
    .content {
        background-color: #959caa !important;
    }
    #contentshell {
        background-color: #959caa !important;
    }

    .content div {
        background-color: #97a0b0 !important;
    }

    .form-control {
        background-color: #aab1bd !important;
    }

    .content-wrapper {
        background-color: #959caa !important;
    }

    .breadcrumbs {
        background-color: #bac0c9 !important;
    }
    blockquote {
        border-left-color: #4c5461 !important;
    }
    ul.pagination li.current a {
        background: #aab1bd !important;}
    a {
        color: #2d5e7b !important;
    }
    a:visited {
        color: #477c9b !important;
    }
    .goodie-tool-bar {
        background-color: #959caa !important;
    }

    .sub-nav {
        background-color: #bac0c9 !important;
        border-bottom: #bbc3d2 !important;
        border-radius: 5px;
    }

    h3 {
        background-color: #bac0c9 !important;
        border-top: #bbc3d2 !important;
        padding-left: 5px;
        border-radius: 5px;
    }

    #itemdb-sidebar-search {
        background-color: #868e9d !important;
    }

    #itemdb-sidebar-search .row {
        background-color: #868e9d !important;
    }

    .chosen-choices {
        background-color: #9097a1 !important;
    }
    li.search-choice {
        background: #93a0b4 !important;
    }
    .chosen-drop {
        background-color: #9097a1 !important;
    }

    input[type="text"],
    textarea {
        background-color: #9097a1 !important;
    }

    .price-row {
        background-color: #9097a5 !important;
    }

    .found-on-wishlist-data {
        background-color: #9097a1 !important;
    }

    .jnheader {
        background-color: #a7adb6 !important;
        border-bottom: #a7adb6 !important;
    }

    .find-this-item {
        background-color: #a7adb6 !important;
        border-right: #a7adb6 !important;
    }

    .row {
        background-color: #9097a5 !important;
    }

    .table-row:nth-of-type(odd) {
        background-color: #bbc1cc;
    }


    #layout-dept-wrapper {
        background-color: #7b8390 !important;
    }

    div.news_header {
        color: #171718 !important;
    }

    div.title {
        color: #171718;
    }
    div.trophy-box {
        background-color: transparent !important;
    }
    #layout-nav-menu-wrapper {
        background-color: #383f4c !important;
    }
    .top-bar {
        background-color: #38404c !important;
        color: #969595 !important;
    }
    .top-bar-section ul {
        background-color: #38404c !important;
        color: #969595 !important;
    }

    :root {
        color: #969595 !important;
        --btn-color: #2d5e7b;
        --btn-hover-color: #477c9b;
    }
    #layout-logo-row-wrapper {
        background-color: #38404c !important;
    }
    .button {
        background-color: #38404c !important;
        color: #969595 !important;
    }
    .top-bar-section a {
        background-color: #38404c !important;
        color: #969595 !important;
    }
    .top-bar-section a:hover {
        background-color: #4b535f !important;
        color: #969595 !important;
    }
    dd.active a {
        background-color: #38404c !important;
        color: #969595 !important;
    }
    .jnheader {
        color: #38404c;
    }
    .jnheader::before {
        background-color: #38404c;
    }
    .contain-to-grid {
        background-color: #383f4c !important;
    }
    #layout-footer-links {
        background-color: #4b535f !important;
    }
    #layout-footer-legal {
        background-color: #4b535f !important;
    }
    #layout-legal-text {
        background-color: #4b535f !important;
    }
    #layout-footer-legal div {
        background-color: #4b535f !important;
    }
    p {
        color: #2e2e2e;
    }
    div.article {
        color: #2e2e2e;
    }
    .content div {
        color: #2e2e2e;
    }
    #leftnav {
        background: #38404c url('/images/style/BDay/leftbarbg.png') no-repeat bottom right;
    }
    .news-post-title {
        font-size: 35px !important;
    }
    .news-post-title-row {
        background: linear-gradient(#a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #a8b0bf, #9DA4B2);
    }

    .news-comment-wrapper {
        background: linear-gradient(#868e9d, #959CAA) !important;
        border-top-color: #666f81 !important;
        padding-bottom: 10px;
        line-height: 1.32em !important;
    }
    .news-post-wrapper {
        border-color: #666f81 !important;
    }
    .news-post-content {
        line-height: 1.32em !important;
    }
    .panel {
        background: #868e9d !important;
    }
    .staffer {
        border-top-color: #697b9b !important;
        background: linear-gradient(#8292b4, #959CAA) !important;
    }
    .label.jn {
        background-color: #4c5461;
    }
    #mainsite-sidebar-search {
        background: #868e9d !important;
    }
    #mainsite-sidebar-search p {
        line-height: 1.32em !important;
    }
    #boa-sidebar-search {
        background: #868e9d !important;
    }
    #wardrobe-sidebar-search {
        background: #868e9d !important;
    }
    #wardrobe-sidebar-search .row {
        background: #868e9d !important;
    }
    #merchdb-sidebar-search {
        background: #868e9d !important;
    }
    #drsloth-sidebar-search {
        background: #868e9d !important;
    }
    #neocash-sidebar-search {
        background: #868e9d !important;
    }
    a.layout-dept-link:hover {
        background-color: #a8afb9 !important;
    }
    #layout-depts a.current {
        background-color: #353d44;
        color: #9298a3;
    }
    #layout-footer {
        background-color: #383f4c;
    }
    #jn-search-bar input[type="text"] {
        background: #969ba6 !important;
    }
     #jn-search-bar input[type="text"]:focus {
        background: #969ba6 !important;
    }
    .alert-box {
        background-color: #7a808c !important;
    }
    .alert-box.alert {
        border-color: #353d44;
    }
    .void-task-box {
        background-color: #b2baca !important;
    }
    h3 {
        background-color: #a8afb9 !important;
    }
   .yd-dailies-grid > div.yd-dailies-grid-title {
        color: #bac0c9;
        background: #4c5461;
    } 
    .yd-dailies-grid {
        color: #bac0c9;
        border: 3px solid #4c5461;
    } 
    .item-grid-title {
        color: #bac0c9;
        background: #4c5461;
    } 
    .item-grid.with-border {
        border-color: #4c5461;
    }
    #layout-wrapper {
        background: #1E2C4D; 
    }
}

Reviews

No reviews yet.