Made with love <3
SRB2 Message Board Theme - Spiky Fists by thebisexual
Imported and mirrored from https://github.com/kingofcube/userstyles-that-i-made/raw/main/Styles/SRB2%20Message%20Board/SRB2%20Message%20Board%20Theme%20-%20Spiky%20Fists.user.css
Details
Authorthebisexual
LicenseNo License
CategorySRB2
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Greenflower Zone, New Ocean, Dark Jungle, Volcanic Blood and Light isnt supported yet.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name SRB2 Message Board Theme - Spiky Fists
@namespace github.com/openstyles/stylus
@homepageURL https://github.com/kingofcube/userstyles-that-i-made
@version 1.2
@description Made with love <3
@author King cube
==/UserStyle== */
@-moz-document domain("mb.srb2.org") {
/* Text and Link Colors */
a,
.p-footer a,
.p-sectionLinks,
.block-minorHeader,
.button.button--link,
a.button.button--link,
.block-formSectionHeader,
.menu--emoji .menu-header,
.menu--gif .menu-header,
.tabs--standalone .tabs-tab:hover,
.block-textHeader,
.reaction--1 .reaction-text,
.tabs--standalone,
.menu-header {
color: hsl(106, 98%, 79%)
}
a:hover {
color: hsl(106, 55%, 65%)
}
/* Main */
.p-header-logo.p-header-logo--image img {
content: url(https://i.imgvibe.com/2024/04/27/1000136186.png)
}
.p-nav {
background-color: #3c8028;
color: #73f84c
}
.p-nav-list .p-navEl {
color: #73f84c
}
.p-nav-list .p-navEl.is-selected {
color: #89f967
}
.p-footer {
background-color: #3c8028;
color: hsl(106, 92%, 64%)
}
/* ChatBox */
.emojiList > li:hover, .emojiList > li:focus {
background-color: hsl(106, 65%, 55%)
}
.button.button--plain, a.button.button--plain {
color: hsl(106, 98%, 79%)
}
.input,
.fr-box.fr-basic,
.codeEditor.CodeMirror {
background-color: hsl(106, 95%, 15%)
}
.fr-box.fr-basic.is-focused .fr-toolbar.fr-top {
background: linear-gradient(0deg, hsla(106, 50%, 44%, 0), hsl(106, 55%, 23%));
}
.fr-toolbar .fr-more-toolbar,
.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
background-color: hsl(106, 90%, 23%)
}
.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell),
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
background-color: rgba(106, 159, 80, .15);
}
.fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled) {
color: hsl(106, 58%, 60%);
}
.input:focus,
.input.is-focused,
.inputGroup:focus-within,
#XF .fr-box.fr-basic.is-focused,
.codeEditor.CodeMirror.CodeMirror-focused {
--input-border-heavy: hsl(106, 98%, 84%);
--input-border-light: hsl(106, 98%, 76%);
}
/* Headers */
.block-header,
.overlay-title {
background: linear-gradient(0deg, hsl(106, 65%, 55%), hsl(106, 92%, 26%));
}
.block-filterBar,
.menu-header {
background: linear-gradient(0deg, hsl(106, 100%, 35%), hsl(106, 100%, 18%));
}
.menu-tabHeader {
color: hsl(106, 98%, 79%);
background: linear-gradient(0deg, hsl(106, 50%, 44%), hsl(106, 55%, 23%));
}
.menu-tabHeader .tabs-tab:hover {
color: hsl(106, 78%, 54%)
}
.menu-tabHeader .tabs-tab.is-active {
color: hsl(106, 55%, 82%)
}
.block-tabHeader {
color: hsl(106, 98%, 79%);
background-color: #3c8028
}
/* Buttons */
.pageNav-page,
.pageNav-jump {
background: linear-gradient(0deg, hsl(106, 100%, 35%), hsl(106, 100%, 9%));
color: hsl(106, 98%, 79%)
}
.pageNav-jump:hover,
.pageNav-jump:active,
.pageNav-page:hover,
.pageNav-page:active {
background-color: hsl(106, 89%, 29%)
}
.button,
a.button {
background: #3c8028;
border-color: hsl(106, 53%, 34%);
}
.button.button--scroll,
a.button.button--scroll {
background-color: hsla(106, 54%, 48%, .75)
}
.button.button--primary,
a.button.button--primary {
background: hsl(106, 58%, 60%);
border-color: hsl(106, 70%, 61%) hsl(106, 70%, 71%) hsl(106, 70%, 71%) hsl(106, 70%, 61%);
}
.button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover,
.button.button--splitTrigger > .button-text:hover,
a.button.button--splitTrigger > .button-text:hover,
.button.button--splitTrigger > .button-menu:hover,
a.button.button--splitTrigger > .button-menu:hover,
.button:not(.button--splitTrigger):focus,
a.button:not(.button--splitTrigger):focus,
.button.button--splitTrigger > .button-text:focus,
a.button.button--splitTrigger > .button-text:focus,
.button.button--splitTrigger > .button-menu:focus,
a.button.button--splitTrigger > .button-menu:focus,
.button:not(.button--splitTrigger):active,
a.button:not(.button--splitTrigger):active,
.button.button--splitTrigger > .button-text:active,
a.button.button--splitTrigger > .button-text:active,
.button.button--splitTrigger > .button-menu:active,
a.button.button--splitTrigger > .button-menu:active {
background-color: #377724
}
.button.button--primary:not(.button--splitTrigger):hover,
a.button.button--primary:not(.button--splitTrigger):hover,
.button.button--primary.button--splitTrigger > .button-text:hover,
a.button.button--primary.button--splitTrigger > .button-text:hover,
.button.button--primary.button--splitTrigger > .button-menu:hover,
a.button.button--primary.button--splitTrigger > .button-menu:hover,
.button.button--primary:not(.button--splitTrigger):focus,
a.button.button--primary:not(.button--splitTrigger):focus,
.button.button--primary.button--splitTrigger > .button-text:focus,
a.button.button--primary.button--splitTrigger > .button-text:focus,
.button.button--primary.button--splitTrigger > .button-menu:focus,
a.button.button--primary.button--splitTrigger > .button-menu:focus,
.button.button--primary:not(.button--splitTrigger):active,
a.button.button--primary:not(.button--splitTrigger):active,
.button.button--primary.button--splitTrigger > .button-text:active,
a.button.button--primary.button--splitTrigger > .button-text:active,
.button.button--primary.button--splitTrigger > .button-menu:active,
a.button.button--primary.button--splitTrigger > .button-menu:active {
background-color: #64c547
}
.bbTable > table > thead > tr > th,
.bbTable > table > tbody > tr > th {
background-color: #3c8028;
border-bottom-color: hsl(106, 80%, 61%)
}
.resourceSidebarGroup-title {
color: hsl(106, 80%, 61%)
}
/* Icons */
.p-header {
color: hsl(106, 88%, 70%)
}
.p-footer-rssLink > span {
background-color: hsl(106, 100%, 37%)
}
.no-icon i::before,
.node-icon i::before,
.file-typeIcon {
color: hsl(106, 78%, 54%)
}
.formRow .iconic > i,
.inputGroup .iconic > i,
.inputChoices .iconic > i,
.block-footer .iconic > i,
.dataList-cell .iconic > i,
.message-cell--extra .iconic > i,
.formRow.dataList-cell--fa > a > i,
.inputGroup.dataList-cell--fa > a > i,
.inputChoices.dataList-cell--fa > a > i,
.block-footer.dataList-cell--fa > a > i,
.dataList-cell.dataList-cell--fa > a > i,
.message-cell--extra.dataList-cell--fa > a > i,
.formRow .iconic svg,
.inputGroup .iconic svg,
.inputChoices .iconic svg,
.block-footer .iconic svg,
.dataList-cell .iconic svg,
.message-cell--extra .iconic svg,
.formRow.dataList-cell--fa > a svg,
.inputGroup.dataList-cell--fa > a svg,
.inputChoices.dataList-cell--fa > a svg,
.block-footer.dataList-cell--fa > a svg,
.dataList-cell.dataList-cell--fa > a svg,
.message-cell--extra.dataList-cell--fa > a svg {
color: hsl(106, 78%, 54%)
}
/* Notices */
.notice.notice--primary {
background-color: #3c8028;
color: hsl(106, 55%, 82%)
}
.notice.notice--accent {
background-color: hsl(106, 55%, 25%);
color: hsl(106, 100%, 89%)
}
.notice.notice--accent a:not(.button--notice) {
color: hsl(106, 100%, 89%);
}
.block-header .block-desc {
color: hsla(106, 100%, 74%, .7)
}
.menu-arrow {
border-bottom-color: hsl(106, 72%, 63%)
}
.p-navgroup-link.is-menuOpen,
.p-nav-list .p-navEl.is-menuOpen {
background: hsla(106, 100%, 66%, .5)
}
/* Menus */
.menu-content {
border-top-color: hsl(106, 72%, 63%)
}
.menu-tabHeader .tabs-tab.is-active {
border-color: hsl(106, 72%, 63%)
}
.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus,
.blockLink.is-selected,
.menu-linkRow.is-selected.is-selected,
.menu-linkRow:hover.is-selected,
.menu-linkRow:focus.is-selected {
background-color: #3c8028;
border-color: hsla(106, 54%, 52%, .5);
color: hsl(106, 98%, 79%)
}
/* Misc */
.menu-row.menu-row--highlighted, .memberTooltip-header {
background-color: #3c8028;
}
.reactionsBar {
border-left-color: hsl(106, 58%, 60%);
}
.kl_amdp_merge_message {
border-color: #3c8028;
color: hsl(106, 98%, 79%)
}
.menu-row.menu-row--clickable:hover {
background-color: #3c8028;
}
.formSubmitRow-bar {
background-color: #3c8028;
}
.blockLink:hover {
background-color: #3c8028
}
.block-tabHeader .tabs-tab:not(.is-readonly):hover {
background-color: hsl(106, 54%, 40%);
color: hsl(106, 98%, 79%)
}
.block-tabHeader .tabs-tab.is-active,
.block-tabHeader .tabs > input:checked + .tabs-tab--radio {
border-color: hsl(106, 72%, 63%)
}
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover,
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover,
.p-nav-list .p-navEl:not...