Skip to content

Best looking SkyBlue 4k tv's, or monitors by braveheart366

Screenshot of Best looking SkyBlue 4k tv's, or monitors

Details

Authorbraveheart366

Licensextroid

Categorylichess.org

Created

Updated

Size27 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

lichess new fine blue, created by myself for best experience on 4k monitors

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         New Blue update
@version      20240828.12.40
@namespace    https://userstyles.world/user/braveheart366
@description  lichess new fine blue on lichess.org
@author       braveheart366
@license     No License
==/UserStyle== */

@-moz-document domain("lichess.org") {

.site-title a {
    color: #454552;
    text-decoration: none;
}
     
.site-title span {
    color: #454552;
}



body {
    background: #111927 linear-gradient(to bottom, #101729, #101729 116px) no-repeat;
    color: #bababa8a;
    direction: ltr;
    text-align: left;
    overflow-x: hidden;
}

.rclock .bar {
    background: #07f1cb33;
  }

.rclock.running .time {
    background: #172234a3;
    color: #3c98bce3;
}

.rclock.emerg.running .time {
    background-color: #5b2641;
    color: #e3e3e3c9;
}


@media (min-width: 500px) and (min-height: 600px)
{.rclock .time {
    font-size: 3.5em;
    letter-spacing: .15em;
    font-family:Noto Sans
}


    
square.selected {
    background-color: rgba(28, 32, 80, .62);
}

.user-link.online .line,
.is-green::before {
    color: #171847;
    opacity: 0.9;
}
    
    }


.utitle,
.activity section h2,
.tour-sched .tour__main__header h1,
.tour-sched .tour__main__header .img {
    color: #4a928c;
}

.eval-gauge {
    background: #30545d;
}

.eval-gauge tick.zero {
    top: 7.5px;
    opacity: 0.7;
    border-bottom: 7px solid rgba(37, 90, 95, .4);
    margin-top: -3px;
}

  @media (min-width: 1200px)
{main {
    --gauge-gap: 28px
  }
    
.eval-gauge tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px ridge #52748540;
    opacity: .2
}

.mchat__tab input:checked {
    background: #165c4f;
    border-color: #30786d;
}

.rclock .time {
    background: #1916326e;
    color: #7d7d7d;
}

.button.button-metal,
.lobby__box__top,
#friend_box .friend_box_title,
group.radio label,
.btn-rack__btn,
.slist thead,
.ceval,
.mselect__label,
.crosstable__users,
.crosstable__score,
.study__metadata h2,
.video .card .info,
.video .card .reveal,
.tournament-leaderboards h2,
.tournament-shields h2,
.tour-spotlight.invert,
.tour-spotlight.event-spotlight,
.tour-spotlight,
.study__player,
.rcontrols .rematch.fbt,
.tour__controls,
.swiss__controls,
.swiss__player-info .stats h2,
.tour__actor-info .stats h2 {
  background: linear-gradient(to bottom, #15172e, #15172e 100%);
}
    
    #friend_box,
#topnav div,
.site-buttons .shown .toggle,
.site-buttons .dropdown,
#challenge-app .empty,
#modal-wrap,
#sf_variant option,
#sf_timeMode option,
#powerTip,
.box,
.puzzle__tools,
.puzzle__feedback,
.puzzle__side__metas,
.puzzle__side__user,
.puzzle__side__config,
#puzzle-difficulty,
.puzzle__side__theme,
.puzzle__themes__selector,
.puz-side,
.storm-dashboard__high__period,
.copyable,
.learn__table .goal,
.learn__table .progress a,
.page-menu nav .active,
.clas-show__overview,
.dashboard-teacher-overview .dashboard-nav a.active,
.dashboard-nav a.active,
.dashboard-teacher-progress .dashboard-nav a.active,
.dashboard-teacher .progress,
.round__app__table,
.crosstable fill,
.crosstable povs,
.intro__text,
.study__multiboard,
.mchat__content,
.study__metadata,
.study__message,
.study__share,
.study__members,
.analyse__tools,
.tournament-leaderboards__item,
.tournament-shields__item,
.board-editor__tools .metadata,
.user-show__header,
.user-show__social,
.number-menu,
.number-menu--tabs .nm-item.active,
.activity section h2 time,
#miniGame,
.round__app rm6,
.tour__meta,
.tour__team-standing tbody tr:nth-child(odd),
.swiss__meta,
.swiss__player-info,
.tour__actor-info,
.tour__stats {
  background: #0f1221
    
}  
    
    .mchat__tab-active {
    color: #345f59;
    background: #171a32 !important;
}    
    
    .puzzle__feedback.after .continue:hover {
  background: #4582bd;
}
.puzzle__feedback.after .continue {
  background: #416180;
}

.storm--end__score {
  background: #557530;
}
.storm--end__high {
  background: #8e6522;
}

.racer__countdown__lights {
  background-color: #000;
}
    
    
.subnav a {
  background: #202020;
}
.subnav {
  background: #202020;
}


.crosstable__matchup {
  background: #000;
}


#friend_box,
#topnav div,
.site-buttons .shown .toggle,
.site-buttons .dropdown,
#challenge-app .empty,
#modal-wrap,
#sf_variant option,
#sf_timeMode option,
#powerTip,
.box,
.puzzle__tools,
.puzzle__feedback,
.puzzle__side__metas,
.puzzle__side__user,
.puzzle__side__config,
#puzzle-difficulty,
.puzzle__side__theme,
.puzzle__themes__selector,
.puz-side,
.storm-dashboard__high__period,
.copyable,
.learn__table .goal,
.learn__table .progress a,
.page-menu nav .active,
.clas-show__overview,
.dashboard-teacher-overview .dashboard-nav a.active,
.dashboard-nav a.active,
.dashboard-teacher-progress .dashboard-nav a.active,
.dashboard-teacher .progress,
.round__app__table,
.game__meta,
.crosstable fill,
.crosstable povs,
.intro__text,
.study__multiboard,
.mchat__content,
.study__metadata,
.study__message,
.study__share,
.study__members,
.analyse__tools,
.tournament-leaderboards__item,
.tournament-shields__item,
.board-editor__tools .metadata,
.user-show__header,
.user-show__social,
.number-menu,
.swiss__meta,
.swiss__player-info,
.tour__actor-info,
.tour__stats {
  background: #0f1221e3;
}


.game-setup .optional_config,
#modal-wrap .close,
.slist tbody tr:nth-child(even),
.tview2-column>index,
#puzzle-difficulty option,
.pv_box,
.puzzle__themes__selector option,
.mselect__list,
.puzzle-of-player__form input,
.tview2-column>interrupt,
.puz-combo__bar,
.puz-combo__level,
.racer__countdown,
.search input,

.tournament-shields li:nth-child(even),
.tournament-shields li:nth-child(even),
select,
.streamer-show .ratings,
.swiss__player-info .pairings tr:nth-child(odd),
.tour__player-info .pairings tr:nth-child(odd),
.feedback{
    background: #141425;
}
    
.ps__chapter.active {
    background: #030f1a;
}
.ps__chapter,
.practice__side .finally,
.practice-box .comment,
.practice__side{
    background: #0e0e0e;
}
.ps__chapter {
    border-bottom: 1px
 solid #000000;
}

.mchat__tab-active {
    color: #345f59;
    background: #171a32 !important;
}    
    
    
.game-setup .optional_config {
  border-top: 1px solid #100f0f;
}
.game-setup .ratings {
  background: #000;
}

#sf_variant {
  background: #000;
}

#sf_timeMode {
  background: #000;
}

.button-green {
  background: #293719;
}

.button {
  background: #2a557d;
}



.tview2-column > index {
  border-right: 1px solid #404040;
  color: #6b6b6b;
}

.tview2 move.current {
  border: 1px solid #2b6b6cb0;
}

 .tview2 move.active {
    font-weight: bold;
    background: #1c3a61c4;
    color: #8f8e9ac9;
}   
    
.eval-gauge .black {
  background: #253c41;
}

.mselect__list .current {
  background: #000;
}  
    
.puzzle__feedback.after .continue:hover {
  background: #4582bd;
}
.puzzle__feedback.after .continue {
  background: #416180;
}

.storm--end__score {
  background: #557530;
}
.storm--end__high {
  background: #8e6522;
}

.racer__countdown__lights {
  background-color: #000;
}

.learn-stages .stage.done {
  background: #547332;
}

.learn__side-home {
  background: #446c91;
}
.learn__side-home .progress {
  background: #31485e;
}

.learn__screen {
  background-color: #1b1919;
}
.learn__screen h1 {
  color: #fff;
}
.learn__screen .buttons .next {
  background: #3b7c99;
}

.learn__table .progress a.active {
  background: #446c91;
}
.learn__table .title {
  background: #446c91;
}

/* Practice */
.practice-app .study.done {
  background: #3c6c3e !important;
}
.practice-app .study.ongoing {
  background: #446c91;
}

.practice-side {
  background: #446c91;
}
.practice-side .progress {
  background: #31485e;
}
.practice-side .progress .bar {
  background: #528ec6;
}

  }    
    
.subnav a {
  background: #202020;
}
.subnav {
  background: #202020;
}

th[aria-sort]:not(.no-sort) {
  background: rgba(102, 0, 255, 0.15);
}

.crosstable__matchup {
  background: #000;
}
 
    
    
.number-menu--tabs .nm-item.active {
  border: 1px solid #171515;
}

.user-show .angles {
  background: linear-gradient(to bottom, #1e1e1e, #171515 100%);
}

.msg-app__convo__post__text {
  background: #000;
}
       
    
    .puzzle__feedback piece {
    position: inherit;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}
  
  @media (min-width: 500px) and (min-height: 600px)
{@media (min-width: 1200px)
{.subnav a {
    background: #101729;
}  
    
 @media (min-width: 800px)
{.subnav a.active {
    color: #3a4154;
}   
  }
    @media (min-width: 500px) and (min-height: 600px)
{@media (min-width: 1200px)
{@media (min-width: 800px)

{.subnav a.active {
    color: #414a62;
  }
    .tv-channel.active>span::before {
    color: #2a2b4a;
} 
     }
    .site-title-nav__donate {
    color: #bf1daf;
    margin-left: 1rem;
    text-transform: uppercase;
    line-height: var(--site-header-height);
    opacity: 0;
}
  }    
    .tv-channel>span::before {
    order: 2;
    color: #1d2a3cb8;
    font-size: 2.5em;
    margin-left: 0.8rem;
}
   } @media (min-width: 800px)
{.subnav a {
    display: block;
    color: #2f3647;
    padding: 0.7rem 2vw 0.7rem 0.8rem;
    position: relative;
}
     } 
    .crosstable {
    width: 100%;
    line-height: 1.9em;
    display: flex;
    margin-top: 11em;
}
    @media (min-width: 800px)
{.subnav a::after {
    content: "";
    background: rgba(16, 22, 22, .64);
    width: 3px;
    position: absolute;
    height: 98%;
    top: 1%;
    right: -1px;
    transition: all .25s;
    tra...

Reviews

No reviews yet.