Lichess.org Modern Theme Pikhura by pikhura

/* ==UserStyle==
@name         Lichess.org Modern Theme Pikhura
@namespace    USO Archive
@author       Malbolge and pikhura
@description  A more modern theme for the good ol' Lichess.org.
@version      20230128.15.28
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain('lichess.org') {
.lobby__app__content.lpools > div {
    border: none;
   -webkit-box-shadow: 0 0 29px 8px #0003;
    -moz-box-shadow: 0 0 29px 8px #0003;
    box-shadow: 0 0 29px 8px #0003;
    border-radius: 5px;
    background: #222;
}

.lobby__app__content.lpools > div:hover {
    background: #333;
        border-radius: 5px;

}

.lobby__app__content {
    background: none;
    box-shadow: none;
}
html {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica,Arial,sans-serif;
    
}

.btn-rack__btn, .btn-rack form, #friend_box .friend_box_title, .button.button-metal, .button.button-empty:not(.disabled):hover, .button.button-empty.button-green:not(.disabled):hover, .button.button-empty.button-red:not(.disabled):hover {
    background: #222;
    color: #ccc;
    	margin-bottom: 5px;
    border-radius: 5px;

}

.btn-rack__btn:hover, .btn-rack form:hover, #friend_box .friend_box_title:hover, .button.button-metal:not(.disabled):hover {
  background: #333;
}

.tour-spotlight {
  background: #222 !important;
	margin-bottom: 10px;
        border-radius: 5px;
	color: #ccc;
}
.tour-spotlight:hover, .tour-spotlight:active {
  background: #222 !important;
	margin-bottom: 10px;
        border-radius: 5px;
	color: #ccc;
}
body {
  background: #111;
  color: #bababa;
  direction: ltr;
  text-align: left;
  overflow-x: hidden;
}

.tabs-horiz span.active  {
    color:  #bf811d;
}

.tabs-horiz span.active::after  {
     background:  #bf811d;
}


 .tabs-horiz span::after  {
    background:  #bf811d;
}

.lobby__box__top, #hook .opponent {
  background: #222;
}
a {
    color: #aaa;
    transition: ease-in-out .2s;
}
a:hover {
    color: #ccc;
}

.mini-game > span.mini-game__player, a.lobby__puzzle > span.text {
    background: #222;
    padding: 5px;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

a.mini-game > .mini-game__player ~ .mini-game__player, a.lobby__puzzle > span.text ~ span.text{
    border-radius: 0 0 5px 5px;
}

.lobby__box,  .lobby__box td{
    background: #222;
        border:none;
}
.lobby__box__content {
    height: 100%
}

.lobby__box tl {
border-radius: 0;
}
.lobby__box tr:nth-child(2n) td {
  background: #302e2c;
    border:none;
}

.lobby__box__top {
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 0 29px 8px #0003;
    -moz-box-shadow: 0 0 29px 8px #0003;
    box-shadow: 2px 2px 29px 8px #0003;
    z-index: 1;
}

.lobby__box__content {
    border-radius: 0 0 5px 5px;
}

.lobby__table{
    height: 270px;
}

.lobby__start {
	flex: none;
}

.lobby__table .bg-switch {
    display:none;
}

.lobby__table .button {
    margin-bottom: -8px;
}

.mchat__content, .game__meta, .time, .round__app__table, l4x, .buttons, .crosstable *, .mchat__tab-active, .mselect__label, .puzzle__side *, .puzzle__feedback, .puzzle__tools{
    background: #222 !important;   
    
}

.mchat__ontent, .game__meta, .time, .crosstable{
    border-radius: 10px !important;
}

.round__app__table {
    border-radius: 10px !important;
}
.mchat__presets {
    border-radius: 10px !important;

}

.rclock {
margin: 10px 0px 10px 0px;
}

#topnav div, #topnav section > a:hover {
	border-left: 2px solid #bf811d;
}

input, textarea, select {
    background: #1c1c1c;
    border: none !important;
    outline:none !important;    
}

.mchat__presets span:not(.disabled):hover {
  background: #bf811d;
  color: #fff;
  opacity: 1;
}

.crosstable {
	margin-top: 50px;
}

.mselect__label {
	padding: 10px;
}

.analyse__wiki {
 background: #222;
border-radius: 5px;
    padding:10px !important;
    padding-right:15px !important;

}
.eval-gauge {
	margin-left: 15px;
}
.analyse__tools, .puzzle__tools {
	margin-left: 16px;
}


.cmn-toggle:checked + label {
  background-color: #222;
	color: #bf811d;
}

.ceval .engine .cloud, .bar span{
      background-color: #bf811d !important;
}

.cmn-toggle:checked + label::before, .technology.good, .deeper {
	color: #bf811d !important;
}

.fbt:hover:not(.disabled):not([disabled]) {
  background: #bf811d5f;
  color: #fff;
	transition: ease-in-out .2s;
}

.analyse__tools > *, index {
    background: #222 !important ;
}

.pair *:not(label) {
	background: #222 !important;
    border-radius:5px;
}
.switch * {
	background: #222;
}

.puzzle__tools {
	border-radius: 5px;
}

.view_solution .button {
	color: #ccc;
    background: #bf811d;
    transition: ease-in-out .2s
}


.view_solution .button:hover {
    color: #fff !important;

    background: #bf811d !important;
}
}