A Better CSS Code for Lichess to look Way Better!
Use Stylus for the code to work.
BetterLichessStyle by creativewinning
Details
Authorcreativewinning
LicenseNo License
Categorylichess.org
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Please raise Issues in the Github Repository:
https://github.com/hunterthepro/BetterLichessStyle
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Better Lichess Style
@namespace github.com/hunterthepro/BetterLichessStyle
@version 1.2.7
@description For those who enjoy using lichess at night. Theme inspired by ANSI terminal look and feel.
@author hunterthepro
==/UserStyle== */
@-moz-document domain("lichess.org") {
* {
color: crimson;
}
}
body {
background: #202020 no-repeat;
}
/*---------------------------------------*/
.marble .is2d cg-board
{
background-image: url("https://alejandrok7vell.neocities.org/red.svg");
}
.rclock .bar {
background: #33ffbd;
}
.rclock.running .time {
background: #3bce9d85;
color: #fff;
}
.rclock.emerg.running .time {
background-color: #841411;
color: #e3e3e3;
}
square.selected {
background-color: rgba(255, 197, 126, .62);
}
square.last-move {
background-color: rgba(246, 255, 118, .58);
}
.user-link.online .line,
.is-green::before {
color: #5df0bf;
opacity: 0.9;
}
#friend_box .content a.user-link .line::before {
color: rgb(103, 255, 242);
}
.tabs-horiz span.active,
.lobby__streams .stream.highlight strong,
.mini-game__clock.clock--run {
color: #caff53;
}
.tabs-horiz span::after {
content: '';
background: rgb(202 255 81);
}
#topnav div {
border-left: 2px solid #caff53;
}
#topnav div a:hover, #topnav div a:hover::after {
background: #caff53;
color: #000;
}
.utitle,
.activity section h2,
.tour-sched .tour__main__header h1,
.tour-sched .tour__main__header .img {
color: #33ffbd;
}
.activity .entry>i {
background-color: #ffcd7d;
color: #624b28;
}
.activity .entries {
border-left: 3px solid #ffcd7d;
}
good {
color: #94ff1c;
}
.tour__standing streak,
.tour__meta section.conditions.accepted,
.tour__meta section.conditions .accepted {
color: #fff379;
}
.tour__standing double,
.is-gold::before {
color: #ff437f;
}
bad {
color: #ff4e74;
}
.lpools>div:hover,
.hooks__list tr.join:hover td {
background: rgba(189, 255, 96, .2);
opacity: 1;
}
.site-title a:hover span,
.site-title a:hover {
color: #b7ff6a;
}
body.dark div.ruser rating,
body.dark div.sub-ratings strong,
body.dark div > span.title,
body.dark .tour__duels strong,
body.dark .user-link,
body.dark .vstext,
body.dark #powerTip .ratings *,
body.dark table.slist thead,
body.dark .tview2 > index,
body.dark .tview2 comment {
color: #0F0
}
#dasher_app .links a:hover,
#dasher_app .links a:hover,
#dasher_app .links a:hover::before,
#dasher_app .links button:hover,
#dasher_app .subs .sub:hover,
#dasher_app .sub:hover::before {
background: #dcff8f;
color: #000;
opacity: 1;
}
signal>i, .cmn-toggle:checked+label {
background-color: #dcff8f;
}
#dasher_app .sub::before,
.swiss__main__header .time {
color: #dcff8f;
}
/* Analysis Bar */
.eval-gauge {
background: #fff;
}
.eval-gauge .black,
.context-streamer {
background: #000;
}
.eval-gauge tick.zero,
.eval-gauge tick {
display: none;
}
.ceval .bar span,
.study__player.ticking .analyse__clock,
.ceval .engine .cloud,
.fbt:hover:not(.disabled):not([disabled]),
.tour__notice {
background: #feff80;
color: #000;
}
.cmn-toggle:checked+label::before {
color: #feff80;
}
.ceval .technology.good {
color: #feff80;
}
.mchat__tab input:checked {
background: #165c4f;
border-color: #5dffe5;
}
.tour__standing tr.me td:first-child,
.swiss__standing tr.me td:first-child {
background: linear-gradient(to right, #fff76c 0px, #cfdf76 5px, rgba(0,0,0,0) 5px, rgba(0,0,0,0) 100%);
}
.fbt.active {
background: #f1ff8b !important;
color: #000;
}
/* change this for Enter Button */
.tour__controls .highlight {
background: #000;
color: #f1ff8b;
border-bottom: 5px solid #f1ff8b;
text-shadow: 0 -1px #fff76c;
}
.analyse__tools .sub-box .title {
background: #363717;
}
.analyse__tools .sub-box,
.action-menu {
border-bottom: 3px solid #f1ff86;
}
/*
.tour-spotlight:hover {
background: #000;
}*/
/*---------------------------------------*/
.rclock .time {
background: #000;
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, #131313, #0e0e0e 100%);
}
/* Lobby */
.lobby__app__content,
.lobby__app .lredir {
background: #000;
}
.hooks__list {
opacity: 0.8;
}
.hook__filters {
background: rgba(32, 32, 32, 0.5);
}
.lobby__box__content {
background: #0b0b0b;
}
.lobby__box tr:nth-child(even) {
background: #111;
}
/* Donate - Swag Store */
.lobby__support a {
background: #0c0c0c;
}
#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,
.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: #0e0e0e;
color: #39cea6
}
/* Hover Menus */
#topnav.hover section:hover>a, #topnav section:active>a {
background: #0e0e0e;
border-color: #caff53;
}
.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,
.coach-list__main .coach-widget:nth-child(even),
.dashboard-teacher .progress-choices,
.form-group input,
.form-group textarea,
.streamer-list .streamer:nth-child(even),
.streamer-edit .status,
.blog .meta-headline,
.mchat__say,
.study__chapters,
.explorer-box tr:nth-child(even),
.community__leaders .leaderboards li:nth-child(even),
.tournament-leaderboards li:nth-child(even),
.tournament-shields li:nth-child(even),
.tournament-shields li:nth-child(even),
.tournament-shields li:nth-child(even),
select,
.game-row:nth-child(odd),
.msg-app__convo__head,
.msg-app__side__search,
.msg-app__side,
.msg-app__convo__reply,
rm6 .buttons,
rm6 i5z,
.streamer-show .ratings,
.swiss__player-info .pairings tr:nth-child(odd),
.tour__player-info .pairings tr:nth-child(odd),
.feedback{
background: #131313;
}
.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,
.user-show .number-menu .to-games.active,
.user-show #games.number-menu {
background: #131313 !important;
}
.game-setup .optional_config {
border-top: 1px solid #131313;
}
.game-setup .ratings {
background: #000;
}
#sf_variant {
background: #000;
}
#sf_timeMode {
background: #000;
}
.button-green {
background: #293719;
}
.button {
background: #2a557d;
}
/* Tournaments Buttons */
.tsht-eastern {
background-color: #0072b273;
}
.tsht-hourly {
background-color: #3d933373;
}
.tview2-column > index {
border-right: 1px solid #404040;
color: #6b6b6b;
}
.tview2 move.current {
border: 1px solid #2fa5ff;
}
.eval-gauge .black {
background: #000;
}
.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: #131313;
}
.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...