Allows you to change the color theme of V3rmillion.net with the color of your choice.
To change the color, simply change the main-color variable (line 3) within the script to the color of your choice.
Now comes with full gradient support!
Authorxyba1337
LicenseNo License
Categoryv3rmillion.net
Created
Updated
Size2.2 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Allows you to change the color theme of V3rmillion.net with the color of your choice.
To change the color, simply change the main-color variable (line 3) within the script to the color of your choice.
Now comes with full gradient support!
Feel free to make pull-requests in the GitHub repository here:
https://github.com/xyba1337/V3rmillion-Color-Changer
/* ==UserStyle==
@name V3rmillion Color Changer
@namespace v3rmillion.net
@version 1.0.1
@description Allows you to change the color of v3rm to the color of your choice
@author Xyba
==/UserStyle== */
@-moz-document domain("v3rmillion.net") {
/* Add the color of your choice here */
:root {
--main-color: #00a6ff;
/*or use a fancy gradient like: linear-gradient(123.23deg, #f34e7b 2.62%, #e80027 69.79%); */
}
/* Remove ads and other annoying messages */
.pm_alert, #sharingPlace, .red_alert {
display: none
}
/* Ignore */
.thread_head, #bridge {
border-bottom: 5px solid var(--main-color);
border-style: solid;
border-image: var(--main-color) 1;
border-top:0;
border-left:0;
border-right:0;
}
a.button:link, a.button:visited, a.button:active, .pagination a, .postbit_buttons>a:link, .postbit_buttons>a:hover, .postbit_buttons>a:visited, .postbit_buttons>a:active, button, button, input.button {
background: var(--main-color);
border: 1px solid var(--main-color);
}
.buttons {
border: 1px solid var(--main-color);
}
.pm_new, .alert_new, .tfoot, .thead {
background: var(--main-color) !important;
}
.cRem a:link, .cRem a:visited, .forum_on, .inline_row a {
color: var(--main-color) !important
}
.postlink, hr {
border: solid thin var(--main-color);
}
#footer, ul.menu li ul,.panel_buttons {
border-top: 5px solid var(--main-color);
}
.thead input.textbox, .thead select {
border: 1px solid var(--main-color);
}
.postbit_buttons>a:hover {
background: #404040;
border: 1px solid #404040;
}
#logo img {
content:url("no-url-to-hack-around-it hehe");
-webkit-mask-image: url(https://i.imgur.com/z9JEPPz.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
background: var(--main-color);
display: block;
margin-left: auto;
margin-right: auto;
height: 200px;
}
}