lemmy_world_solarized_dark.css

@-moz-document domain("lemmy.world"){
  :root{
    --uc-card-background: #04313c;
    --uc-page-background: #11202c;
    --uc-attention-background: #123d48;
    --uc-attention-color: #a5d6ff;
    --uc-link-color: #1e87c2;
    --uc-link-active-color: #ff7f50;
    --uc-link-visited-color: #ae57d2;
    --uc-text-color: #b9bbbc;
    --uc-item-hover-background: #123d48;
    --uc-post-border-color: #3b5e67;
    --uc-button-color: #1e87c2;
    --uc-button-background: #001f27;
    --uc-button-hover-background: #102f57;
    --uc-quote-background: #223344;
    --uc-panel-background: #001f27;
    --uc-panel-color: #1e87c2;
    
    color: var(--uc-text-color) !important;
  }
  .table-sm :is(td,th){
    background-color: transparent !important;
  }
  body{
    background-color: var(--uc-page-background) !important;
    color: var(--uc-text-color) !important;
  }
  a{
    color: var(--uc-link-color) !important;
  }
  :where(.post-listing,.md-div) a:visited{
    color: var(--uc-link-visited-color) !important;
  }
  a:hover,a:active{
    color: var(--uc-link-active-color) !important;
  }
  .thumbnail{
    background-color: var(--uc-button-background) !important;
    background-image: linear-gradient(var(--uc-button-background),var(--uc-button-background));
  }
  .post-container > .col > .row > .col:first-child{
    margin-bottom: 14px; /* This is for thumbail */
  }
  hr.my-3{
    display: none !important;
  }
  blockquote{
    background-color: var(--uc-quote-background) !important;
    border-color: currentColor !important;
  }
  code,
  pre{
    border: 1px solid var(--uc-post-border-color) !important;
    color: var(--uc-attention-color) !important;
    background-color: var(--uc-attention-background) !important;
    padding-inline: 0.2em;
  }
  pre code{
    border: none !important;
  }
  .mark{
    background-color: var(--uc-attention-background) !important;
  }
  .post-metadata-card,
  #postContent{
    border-width: 2px 0 0 0 !important;
  }
  div.bg-light,
  .card,
  .post-listing{
    background-color: var(--uc-card-background) !important;
  }
  .post-listing:hover{
    background-color: var(--uc-item-hover-background) !important;
  }
  .post .post-listing{
    background-color: var(--uc-card-background) !important;
    border: 1px solid var(--uc-post-border-color) !important;
    border-radius: 0.375rem;
    margin-top: 0 !important;
  }
  .post-listing{
    padding-top: 1em;
  }
  .row.post-container{
    margin-left: 0 !important;
  }
  .sort-select,
  .custom-select,
  .form-select,
  .btn:not(.btn-link),
  .form-control{
    border-color: var(--uc-post-border-color) !important;
    background-color: var(--uc-button-background) !important;
  }
  .border-secondary{
    border-color: var(--uc-post-border-color) !important;
  }
  .btn{
    color: inherit !important;
  }
  .comment-node .btn-sm{
    border: none !important;
  }
  .btn:hover,
  .btn:active{
    background-color: var(--uc-button-hover-background) !important;
    color: var(--uc-link-color) !important;
  }
  .btn-sm{
    margin: 2px 1px !important;
  }
  .card-header{
    background-color: var(--uc-attention-background) !important;
  }
  .dropdown-menu{
    width: 100%;
    right: 0;
    left: unset !important;
    background-color: var(--uc-panel-background) !important;
  }
  .dropdown-item{
    box-sizing: border-box;
    margin-inline: 0px !important;
    color: var(--uc-panel-color) !important;
  }
  .dropdown-item:hover,
  .dropdown-item:focus{
    color: var(--uc-link-active-color) !important;
    background-color: var(--uc-item-hover-background) !important;
  }
  .container-lg{
    max-width: 1400px !important;
  }
  .ms-1,
  .ml-1{
    margin-left: 0.6rem !important;
  }
  hr.my-3{ margin-block: 3px !important; }
  .table td{
    vertical-align: middle;
  }
  .btn[aria-pressed="true"] > .icon{
    color: #f050e0;
  }
  .btn[aria-pressed="true"] > .icon.downvote{
    color: #f09010;
  }
  .btn[aria-pressed="true"] > .icon.upvote{
    color: #10a0f0;
  }
}