A Cleaner, More Customizable Forum.
DevForum+ by KingBlueDash
Details
AuthorKingBlueDash
LicenseGNU GENERAL PUBLIC LICENSE
Categoryhttps://devforum.roblox.com/
Created
Updated
Size85 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name DevForum Plus
@namespace https://www.roblox.com/users/2206767191/profile
@version 3.2.3
@description A Cleaner, More Customizable Forum
@author KingBlueDash
@license GNU GENERAL PUBLIC LICENSE
@preprocessor stylus
@var select UIMode "UI Mode" ["Default", "Rigid", "Bubbly"]
@var checkbox CustomFont "Custom Font" 0
@var select EasingStyles "Easing Styles" [ "Default", "Linear", "Cubic", "Quart", "Quint", "Bounce", "Elastic", "Sine", "Back", "Circular", "BackPlus", "None" ]
@var text FontType "Font" Quicksand
@var select FontWeight "Font Weight" [ "None", "Bold" ]
@var select FontStyle "Font Style" [ "None", "Italic" ]
@var checkbox CustomThemes "Use Custom Theme?" 0
@var select MatchTextColor "Match Text Color To Icon Color" [ "Always", "OnHover", "Never" ]
@var checkbox WorkWithDevStyle "Work With DevStyle?" 0
@var checkbox WorkWithDevForumCondensed "Work With DevForum Condensed?" 0
@var checkbox HideNewTopbar "Hide New Topbar?" 0
@var checkbox MinimizeTopbar "Minimize Topbar (Dosen't work on mobile.)" 0
@var checkbox MobileMode "Moblie Mode" 0
@var color BackgroundColor "Background Color" #111217
@var color Primary "Primary" #cbcbcb
@var color PrimaryVeryHigh "Primary Very High" #b7b7b7
@var color PrimaryHigh "Primary High" #989898
@var color PrimaryMedium "Primary Medium" #848484
@var color PrimaryLowMid "Primary Low Mid" #707070
@var color PrimaryLow "Primary Low" #2d2d2d
@var color PrimaryVeryLow "Primary Very Low" #252525
@var color Secondary "Secondary" #121212
@var color SecondaryVeryHigh "Secondary Very High" #b7b7b7
@var color SecondaryHigh "Secondary High" #595959
@var color SecondaryMedium "Secondary Medium" #898989
@var color SecondaryLow "Secondary Low Mid" #b8b8b8
@var color Tertiary "Tertiary" #2bb1ff
@var color TertiaryHover "Tertiary Hover" #55c1ff
@var color TertiaryHigh "Tertiary High" #595959
@var color TertiaryMedium "Tertiary Medium" #0068a4
@var color TertiaryLow "Tertiary Low" #004268
@var color TertiaryVeryLow "Tertiary Very Low" #002f4b
@var color HeaderPrimary "Header Primary" #cbcbcb
@var color HighlightHigh "Highlight High" #0da6ff
@var color HighlightMedium "Highlight Medium" #005586
@var color HighlightLow "Highlight Low" #00263c
@var color Danger "Danger"#f4645d
@var color DangerHover "Danger Hover" #f0281e
@var color DangerMedium "Danger Medium" #cd170e
@var color DangerLowMid "Danger Low Mid" rgba(126, 14, 9, 0.7)
@var color DangerLow "Danger Low" #720d08
@var color Sucess "Sucess" #00e87e
@var color SucessHover "Sucess Hover" #00ba65
@var color SucessMedium "Sucess Medium" #008b4c
@var color SucessLow "Sucess Low" #005d32
@var color Love "Love" #fa6c8d
@var color LoveLow "Love Low" #8a0524
@var color ShinyGold "Gold" #e7c300
@var color ShinySilver "Silver" silver
@var color Bronze "Bronze" #cd7f32
==/UserStyle== */
@-moz-document url-prefix("https://devforum.roblox.com/") {
/* Importing Fonts */
@import url('https://fonts.googleapis.com/css2?family=Quicksand');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono');
:root {
/* Overrides */
if CustomFont=="1" {
--heading-font-family: FontType, sans-serif;
}
if CustomFont=="0" {
--heading-font-family: Quicksand, sans-serif;
}
--jetbrains-mono: 'JetBrains Mono',
sans-serif;
/* Custom Themes */
if CustomThemes=="1" {
--primary: Primary;
--primary-very-high: PrimaryVeryHigh;
--primary-high: PrimaryHigh;
--primary-medium: PrimaryMedium;
--primary-low-mid: PrimaryLowMid;
--primary-low: PrimaryLow;
--primary-very-low: PrimaryVeryLow;
--secondary: Secondary;
--secondary-very-high: SecondaryVeryHigh;
--secondary-high: SecondaryHigh;
--secondary-medium: SecondaryMedium;
--secondary-low: SecondaryLow;
--tertiary: Tertiary;
--quaternary: Tertiary;
--tertiary-hover: TertiaryHover;
--tertiary-high: TertiaryHigh;
--tertiary-medium: TertiaryMedium;
--tertiary-low: TertiaryLow;
--quaternary-low: TertiaryLow;
--tertiary-very-low: TertiaryVeryLow;
--tertiary-med-or-tertiary: Tertiary;
--tertiary-low-or-tertiary-high: Tertiary;
--header_primary: HeaderPrimary;
--highlight: Tertiary;
--highlight-high: TertiaryHigh;
--highlight-medium: TertiaryMedium;
--highlight-low: TertiaryLow;
--danger: Danger;
--danger-hover: DangerHover;
--danger-medium: DangerMedium;
--danger-low-mid: DangerLowMid;
--danger-low: DangerLow;
--success: Sucess;
--success-hover: SucessHover;
--success-medium: SucessMedium;
--success-low: SucessLow;
--love: Love;
--love-low: LoveLow;
--gold: ShinyGold;
--silver: ShinySilver;
--bronze: Bronze;
}
if WorkWithDevStyle=="1" {
--gray-800: hsl(221, 39%, 14%) !important;
--gray-700: hsl(221, 39%, 14%) !important;
--primary-medium: #374151;
--primary-low: hsl(221, 39%, 14%);
--secondary-medium: #22c55e;
--quaternary: #22c55e;
--quaternary-low: hsl(142, 71%, 24%);
--tertiary-hover: #22c55e;
--tertiary-low-or-tertiary-high: #22c55e;
--tertiary-low: hsl(142, 71%, 28%);
--tertiary-very-low: hsl(142, 71%, 20%);
--highlight-low: #22c55e;
--highlight-high: #22c55e;
--highlight-medium: hsl(142, 71%, 28%);
}
/* Easing Styles */
if EasingStyles=="Default" {
/* Default is Exponential. */
--ease: all .375s cubic-bezier(.19, 1, .22, 1);
--animEase: cubic-bezier(.19, 1, .22, 1);
}
if EasingStyles=="Linear" {
--ease: all .25s cubic-bezier(0.250, 0.250, 0.750, 0.750);
--animEase: cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
if EasingStyles=="Cubic" {
--ease: all .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
--animEase: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
if EasingStyles=="Quart" {
--ease: all .25s cubic-bezier(0.165, 0.840, 0.440, 1.000);
--animEase: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
if EasingStyles=="Quint" {
--ease: all .25s cubic-bezier(0.230, 1.000, 0.320, 1.000);
--animEase: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
if EasingStyles=="Bounce" {
--ease: all .5s linear(0,
0.003,
0.013,
0.028,
0.05,
0.079,
0.113,
0.154,
0.202,
0.255,
0.315,
0.381,
0.454,
0.532,
0.617,
0.709,
0.806,
0.91,
0.99,
0.938,
0.893,
0.853,
0.82,
0.794,
0.773,
0.759,
0.752,
0.75,
0.755,
0.766,
0.784,
0.808,
0.838,
0.874,
0.917,
0.966,
0.99,
0.968,
0.951,
0.941,
0.938,
0.94,
0.949,
0.964,
0.986,
0.994,
0.986,
0.985,
0.989,
1 100% 100%);
--animEase: linear(0,
0.003,
0.013,
0.028,
0.05,
0.079,
0.113,
0.154,
0.202,
0.255,
0.315,
0.381,
0.454,
0.532,
0.617,
0.709,
0.806,
0.91,
0.99,
0.938,
0.893,
0.853,
0.82,
0.794,
0.773,
0.759,
0.752,
0.75,
0.755,
0.766,
0.784,
0.808,
0.838,
0.874,
0.917,
0.966,
0.99,
0.968,
0.951,
0.941,
0.938,
0.94,
0.949,
0.964,
0.986,
0.994,
0.986,
0.985,
0.989,
1 100% 100%)
}
if EasingStyles=="Elastic" {
--ease: all .75s linear(0,
0.21,
0.505,
0.814,
1.079,
1.265,
1.359,
1.367,
1.31,
1.213,
1.103,
1.002,
0.926,
0.881,
0.868,
0.881,
0.912,
0.95,
0.987,
1.018,
1.038,
1.046,
1.044,
1.035,
1.023,
1.009,
0.997,
0.989,
0.984,
0.984,
0.986,
0.99,
0.995,
1,
1.003,
1.005,
1.006,
1.005,
1.004,
1.002,
1.001,
0.999,
0.998,
0.998,
0.998,
0.998,
0.999,
1,
1,
1 100% 100%);
--animEase: linear(0,
0.21,
0.505,
0.814,
1.079,
1.265,
1.359,
1.367,
1.31,
1.213,
1.103,
1.002,
0.926,
0.881,
0.868,
0.881,
0.912,
0.95,
0.987,
1.018,
1.038,
1.046,
1.044,
1.035,
1.023,
1.009,
0.997,
0.989,
0.984,
0.984,
0.986,
0.99,
0.995,
1,
1.003,
1.005,
1.006,
1.005,
1.004,
1.002,
1.001,
0.999,
0.998,
0.998,
0.998,
0.998,
0.999,
1,
1,
1 100% 100%);
}
if EasingStyles=="Sine" {
--ease: all .25s cubic-bezier(0.445,
0.05,
0.55,
0.95);
--animEase: cubic-bezier(0.445,
0.05,
0.55,
0.95);
}
if EasingStyles=="Back" {
--ease: all .375s cubic-bezier(.175,
.885,
.320,
1.5);
--animEase: cubic-bezier(.175,
.885,
.320,
1.5);
}
if EasingStyles=="Circular" {
--ease: all .25s cubic-bezier(0.075, 0.820, 0.165, 1.000);
--animEase: cubic-bezier(0.075, 0.820, 0.165, 1.000)
}
if EasingStyles=="BackPlus" {
--ease: all .25s cubic-bezier(0.5,
0.5,
0,
1.75);
--animEase: cubic-bezier(0.5,
0.5,
0,
1.75);
}
if EasingStyles=="None" {
--ease: none;
--animEase: none;
}
}
if WorkWithDevForumCondensed=="1" {
.navigation-container {
--nav-space: 0.75em !important;
}
tbody {
transform: translateY(1.25%);
}
.nav-pills > li {
margin-right: 0.45em;
}
.hamburger-panel .menu-panel.slide-in span.badge-category {
max-width: none;
}
.hamburger-panel a.widget-link {
text-align: center;
}
div.menu-links-header .menu-links-row .glyphs {
width: 100% !important;
}
.user-menu .menu-panel .panel-body-bottom .btn,
.hamburger-panel .menu-panel .panel-body-bottom .btn {
transform: translateY(-22.5%)
}
}
if UIMode=="Rigid" {
.topic-list .topic-list-item-separator .topic-list-data {
border-radius: 0;
}
}
if UIMode=="Bubbly" {
.topic-list .topic-list-item-separator .topic-list-data {
border-radius: 20px;
}
}
body {
if CustomThemes=="1" {
background-color: BackgroundColor !important;
}
}
::-webkit-scrollbar {
width: 15px !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
background-color: var(--primary-medium) !important;
if UIMode=="Default" {
border-radius: 6px !important;
}
if UIMode=="Rigid" {
borde...