lichess new fine blue, created by myself for best experience on 4k monitors
Best looking SkyBlue 4k tv's, or monitors by braveheart366
Details
Authorbraveheart366
Licensextroid
Categorylichess.org
Created
Updated
Size27 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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...