Categories > WeAreDevs > Hangout >

WeAreDevs Forum RGB Theme (Stylish)

Posts: 146

Threads: 28

Joined: Sep, 2019

Reputation: 19

Posted

How to install:
Download and Install the "Stylish" extension (pretty sure its only on Chrome and Opera) or any CSS editing extension

Add a new style

Paste this in:


.release-card-button {

    margin-top: -8px;

    margin-left: 3px;

    padding: 5px 12px;

    background-color: #ff1344;

    background: #A3F050;

    background: hsl(89, 85%, 63%);

    -webkit-animation: animColor 15s linear infinite;

    animation: animColor 10s linear infinite;

    border-radius: 3px;

}

 

body {

    background-color: rgb(47, 49, 54);

    color: rgb(255, 255, 255);

}

 

.theme2 {

    background-color: rgb(24, 25, 25);

}

 

.border1 {

    border: 1px solid #181919;

}

.theme1 {

    background-color: #202225;

}

 

#navigationbar {

    background: #A3F050;

    background: hsl(89, 85%, 63%);

    -webkit-animation: animColor 15s linear infinite;

    animation: animColor 10s linear infinite;

}

 

@-webkit-keyframes animColor {

  0% {

  background: #A3F050;

  background: hsl(89, 85%, 63%);  }

  10% {

  background: #53F050;

  background: hsl(119, 85%, 63%);  }

  20% {

  background: #50F09D;

  background: hsl(149, 85%, 63%);  }

  30% {

  background: #50F0EE;

  background: hsl(179, 85%, 63%);  }

  40% {

  background: #50A3F0;

  background: hsl(209, 85%, 63%);  }

  50% {

  background: #5053F0;

  background: hsl(239, 85%, 63%);  }

  60% {

  background: #9D50F0;

  background: hsl(269, 85%, 63%);  }

  70% {

  background: #EE50F0;

  background: hsl(299, 85%, 63%);  }

  80% {

  background: #F050A3;

  background: hsl(329, 85%, 63%);  }

  90% {

  background: #F05053;

  background: hsl(359, 85%, 63%);  }

  95% {

  background: #F09D50;

  background: hsl(29, 85%, 63%);  }

  100% {

  background: #A3F050;

  background: hsl(89, 85%, 63%);  }

}

@keyframes animColor {

  0% {

  background: #A3F050;

  background: hsl(89, 85%, 63%);  }

  10% {

  background: #53F050;

  background: hsl(119, 85%, 63%);  }

  20% {

  background: #50F09D;

  background: hsl(149, 85%, 63%);  }

  30% {

  background: #50F0EE;

  background: hsl(179, 85%, 63%);  }

  40% {

  background: #50A3F0;

  background: hsl(209, 85%, 63%);  }

  50% {

  background: #5053F0;

  background: hsl(239, 85%, 63%);  }

  60% {

  background: #9D50F0;

  background: hsl(269, 85%, 63%);  }

  70% {

  background: #EE50F0;

  background: hsl(299, 85%, 63%);  }

  80% {

  background: #F050A3;

  background: hsl(329, 85%, 63%);  }

  90% {

  background: #F05053;

  background: hsl(359, 85%, 63%);  }

  95% {

  background: #F09D50;

  background: hsl(29, 85%, 63%);  }

  100% {

  background: #A3F050;

  background: hsl(89, 85%, 63%);  }

}


 

Done! The header bar and exploit download buttons will now be RGB!

(by default I kept it dark theme, rgb looks strange with light theme)

  • 0

Users viewing this thread:

( Members: 0, Guests: 1, Total: 1 )