Skribbl.io Dark Theme by siam395

/* ==UserStyle==
@name             Skribbl.io Dark Theme
@version          1.0
@namespace    userstyles.world/user/siam395
@description    Simple Scribbl.io Dark Theme made by which is totally made by me. Please do not re create and publish this.

If you liked my theme then please give me a little review which will help me to create more awesome themes in the future.

Thank you for reading 😊
@author       Salman Farsi
@license      Salman Farsi
@version      1.0
==/UserStyle== */
@-moz-document domain("skribbl.io") {
     body {
          background: url(https://media.discordapp.net/attachments/829994194575294486/1039229971337580584/background.png?width=255&height=255) center fixed !important;
          background-size: 256px;
     }
     
     /*new Update Coming Soon !!!!!*/
     
/*
     .loginPanelContent {
          background-color: #242526;
          border-radius: 2px;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
     }

     .form-control {
          display: block;
          width: 100%;
          height: 34px;
          padding: 6px 12px;
          font-size: 14px;
          line-height: 1.42857143;
          color: #fff;
          background-color: #373737;
          background-image: none;
          border: 1px solid #242526;
          border-radius: 4px;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
          -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     }

     #loginAvatarCustomizeContainer {
          margin-top: 8px;
          background-color: #242526;
          display: flex;
          justify-content: center;
          position: relative;
          border: 1px solid #373737;
          border-radius: 2px;
     }

     .updateInfo {
          background-color: #242526;
          border-radius: 2px;
          border: 1px solid #373737;
          color: #fff;
     }

     .informationTabs a {
          font-weight: 700;
          color: #fff;
     }

     #screenGame .gameHeader {
          height: 48px;
          margin-bottom: 8px;
          background-color: #242526;
          color: #fff;
          border-radius: 2px;
          display: flex;
          line-height: 54px;
     }

     #timer {
          position: absolute;
          font-size: 18px;
          text-align: center;
          font-weight: 700;
          width: 45px;
          height: 45px;
          top: 2px;
          line-height: 50px;
          background: url(https://media.discordapp.net/attachments/829994194575294486/1039420086315909150/clock.gif?width=48&height=48) no-repeat;
          background-size: contain;
     }

     .lobbySettings .lobbyName {
          flex: 0 0 auto;
          font-size: 28px;
          text-align: center;
          color: #fff;
          width: 100%;
          background-color: #242526;
          border: 1px solid #373737;
     }

     .lobbySettings .lobbyContent {
          flex: 1 1 auto;
          padding: 8px;
          color: #fff;
          background-color: #242526;
          border: 1px solid #373737;
          border-top: 0;
          border-radius: 0 0 2px 2px;
          display: flex;
          flex-direction: column;
     }

     #invite {
          flex: 1 1 auto;
          height: 32px;
          color: #fff;
          border: 1px solid #373737;
          background-color: #242526;
          border-radius: 2px 0 0 2px;
          line-height: 32px;
          text-align: center;
     }

     .invite-overlay {
          position: absolute;
          pointer-events: none;
          opacity: 1;
          left: 2px;
          right: 2px;
          top: 2px;
          bottom: 2px;
          color: #fff;
          background-color: #242526;
          text-align: center;
          line-height: 28px;
     }

     #boxMessages p {
          background-color: #242526;
     }

     #boxMessages p:nth-child(even) {
          background-color: #373737;
     }

     b,
     strong {
          color: #fff;
     }

     #containerChat {
          height: 64px;
          padding: 4px;
          flex: 1 0 auto;
          border: 1px solid #373737;
     }

     #boxChat,
     #containerChat,
     #boxMessages {
          background-color: #242526;
          border: 1px solid #373737;
     }



     ::-webkit-scrollbar-thumb {
          background: #8e8e8e;
          border-radius: 90px;
          height: 10px;
     }

     ::-webkit-scrollbar-track {
          background: #373737;
     }

     ::-webkit-scrollbar {
          width: 5px;
     }

     #overlay .content .wordContainer .word {
          color: #fff;
          background: #242526;
     }

     #overlay .content .wordContainer {
          color: #fff;
          background: #242526;
     }

     #overlay .content .wordContainer .word:hover {
          color: #fff;
          background: #373737;
     }

     #containerGamePlayers .player:nth-child(odd),
     #containerGamePlayers .player:last-child {
          background: #242526;
     }

     #containerGamePlayers .player:nth-child(even) {
          background: #373737;
     }

     #containerGamePlayers .player .info .score,
     #containerGamePlayers .player .rank,
     #containerGamePlayers .player .info .name {
          color: #fff;
     }

     #containerGamePlayers .guessedWord:nth-child(odd),
     #containerGamePlayers .guessedWord:nth-child(even) {
          background: #308230 !important;
          border: 1px solid #7c7c7c;
     }

     .form-control[disabled],
     fieldset[disabled] .form-control {
          background: #242526;
     }

     #boxMessages p {
          color: rgb(255, 255, 255)!important;
     }

     #boxMessages p[style*="color: rgb(206, 79, 10);"] {
          color: rgb(206, 79, 10) !important;
     }

     #boxMessages p[style*="color: rgb(86, 206, 39);"] {
          color: rgb(86, 206, 39) !important;
     }

     #boxMessages p[style*="color: rgb(57, 117, 206);"] {
          color: rgb(57, 117, 206) !important;
     }

     #boxMessages p[style*="color: rgb(204, 204, 0);"] {
          color: rgb(204, 204, 0) !important;
     }

     #boxMessages p[style*="color: rgb(125, 173, 63);"] {
          color: rgb(125, 173, 63) !important;
     }
     */
}