DevForum Creative by KingBlueDash

/* ==UserStyle==

LEAVE AS IS --------------------------------------------------------------

@name DevForum Creative

@namespace https://www.roblox.com/users/2206767191/profile

@version 2.0.5.5

@description A Cleaner, More Customizable Forum

@author KingBlueDash

@license GNU GENERAL PUBLIC LICENSE

@preprocessor stylus

BASIC SETTINGS --------------------------------------------------------------

@var checkbox HideCreatorHubTopbar "Hide Creator Hub Topbar" 0

@var checkbox GlossyTopbar "Glossy Topbar" 0

@var checkbox HideTopbar "Hide Topbar" 0

@var checkbox ShowProfileMenu "Show Profile Menu" 1

@var number ProfileMenuOffset "Profile Menu Offset" ['px', 274, 0, 484, 1]

@var checkbox TopbarIconOnly "Topbar Icon Only" 0

@var checkbox AdjustTopbarWidth "Adjust Topber Width" 0

@var number TopbarOffset "Topbar Offset" ['px', 1400, 0, 2800, 1]

@var number TopbarWidth "Topbar Width" ['px', 1100, 0, 2200, 1]

@var number TopbarIconOffset "Topbar Icon Offset" ['px', -24, -1289, 1024, 0.1]

@var number BorderRadius "Border Radius" ['px', 5, 0, 100, 0.1]

@var checkbox CustomColors "Custom Colors" 0

@var checkbox CustomFontSize "Custom Font Size" 0

@var checkbox CustomLineHeight "Custom Line Height" 0

@var select EasingStyles "Easing Styles" [ "Default", "Linear", "Cubic", "Quart", "Quint", "Bounce", "Elastic", "Sine", "Back", "Circular", "None"]

TEXT SIZES --------------------------------------------------------------

@var text Body "Body" "BuilderSans"

@var text Span "Span" "BuilderSans"

@var text Code "Code" "Consolas"



@var text H1 "H1" "BuilderSans"

@var text H2 "H2" "BuilderSans"

@var text H3 "H3" "BuilderSans"

@var text H4 "H4" "BuilderSans"

@var text H5 "H5" "BuilderSans"

@var text H6 "H6" "BuilderSans"

LINE HEIGHTS --------------------------------------------------------------

@var number line-height-large "line-height-large" [1.4, 0, 100, 0.1]
  
@var number line-height-medium "line-height-medium" [1.2, 0, 100, 0.1]
  
@var number line-height-small "line-height-small" [1, 0, 100, 0.1]
  
FONT SIZES --------------------------------------------------------------

@var number font-up-1 "font-up-1" ["em", 1.1487, 0, 100, 0.0001]
  
@var number font-up-2 "font-up-2" ["em", 1.3195, 0, 100, 0.0001]

@var number font-up-3 "font-up-3" ["em", 1.5157, 0, 100, 0.0001]

@var number font-up-4 "font-up-4" ["em", 1.7511, 0, 100, 0.0001]

@var number font-up-5 "font-up-5" ["em", 2, 0, 100, 0.0001]

@var number font-up-6 "font-up-6" ["em", 2.296, 0, 100, 0.0001]



@var number font-down-1 "font-down-1" ["em", 0.8706, 0, 100, 0.0001]

@var number font-down-2 "font-down-2" ["em", 0.7579, 0, 100, 0.0001]

@var number font-down-3 "font-down-3" ["em", 0.6599, 0, 100, 0.0001]

@var number font-down-4 "font-down-4" ["em", 0.5745, 0, 100, 0.0001]
  
@var number font-down-5 "font-down-5" ["em", 0.5, 0, 100, 0.1]

@var number font-down-6 "font-down-6" ["em", 0.4355, 0, 100, 0.0001]




@var number font-up-1-rem "font-up-1-rem" ["rem", 1.1487, 0, 100, 0.0001]
  
@var number font-up-2-rem "font-up-2-rem" ["rem", 1.3195, 0, 100, 0.0001]
  
@var number font-up-3-rem "font-up-3-rem" ["rem", 1.5157, 0, 100, 0.0001]



@var number font-down-1-rem  "font-down-1-rem" ["rem", 0.8706, 0, 100, 0.0001]

@var number font-down-2-rem "font-down-2-rem" ["rem", 0.7579, 0, 100, 0.0001]
  
  
  
@var number base-font-size "base-font-size" ["em", 0.938, 0, 100, 0.000001]
  
@var number base-font-size-largest "base-font-size-largest" ["em", 1.118, 0, 100, 0.0001]
  
@var number base-font-size-larger "base-font-size-larger" ["em", 1.063, 0, 100, 0.0001]

@var number base-font-size-smaller "base-font-size-smaller" ["em", 0.875, 0, 100, 0.0001]

@var number base-font-size-smallest "base-font-size-smallest" ["em", 0.815, 0, 100, 0.0001]



@var number font-0-rem "font-0-rem" ["rem", 1, 0, 100, 0.1]
  
@var number font-0 "font-0" ["em", 1, 0, 100, 0.1]



@var number font-size-ios-input "font-size-ios-input" ["em", 1.07, 0, 100, 0.01]
  
  
  
COLORS --------------------------------------------------------------

@var color BackgroundColor "Background Color" #111217



@var color primary "primary" #a3abcb

@var color primary-very-high "primary-very-high" #939ab7

@var color primary-high "primary-high" #7a8098

@var color primary-low-mid "primary-low-mid" #70709b

@var color primary-medium "primary-medium" #6a6f84

@var color primary-low "primary-low" #1f2026

@var color primary-very-low "primary-very-low" #1e1f25



@var color secondary "secondary" #111217

@var color secondary-very-high "secondary-very-high" #1c1e23

@var color secondary-high "secondary-high" #484b59

@var color secondary-medium "secondary-medium" #6e7489

@var color secondary-low "secondary-low" #949bb8



@var color tertiary "tertiary" #7fd0ff

@var color tertiary-high "tertiary-high" #70b7e0 

@var color tertiary-medium "tertiary-medium" #5287a4 

@var color tertiary-low "tertiary-low" #2c4959

@var color tertiary-very-low "tertiary-very-low" #253d4b 

@var color tertiary-hover "tertiary-hover" #abe2ff



@var color love "love" #fa6c8d

@var color love-low "love-low" #8a0524 



@var color success "success" #00e87e

@var color success-medium "success-medium" #008b4c 

@var color success-low "success-low" #005d32 

@var color success-hover "success-hover" #00ba65 



@var color danger "danger" #f4645d 

@var color danger-medium "danger-medium" #cd170e 

@var color danger-low-mid "danger-low-mid" #7e0e09

@var color danger-low "danger-low" #720d08 

@var color danger-hover "danger-hover" #f0281e 



@var color bronze "bronze" #cd7f32 

@var color silver "silver" #bfbfbf 

@var color gold "gold" #e7c300 



@var color highlight "highlight" #7fd0ff

@var color highlight-high "highlight-high" #abe0ff 

@var color highlight-medium "highlight-medium" #436e86 

@var color highlight-low "highlight-low" #1e313c 



@var color primary-50 "primary-50" #252525 

@var color primary-100 "primary-100" #292929 

@var color primary-200 "primary-200" #2d2d2d 

@var color primary-300 "primary-300" #515151 

@var color primary-400 "primary-400" #707070 

@var color primary-500 "primary-500" #7a7a7a 

@var color primary-600 "primary-600" #848484 

@var color primary-700 "primary-700" #8e8e8e

@var color primary-800 "primary-800" #989898

@var color primary-900 "primary-900" #b7b7b7



@var color tertiary-50 "tertiary-50" #002f4b 

@var color tertiary-100 "tertiary-100" #003553

@var color tertiary-200 "tertiary-200" #003a5c 

@var color tertiary-300 "tertiary-300" #004268 

@var color tertiary-400 "tertiary-400" #004f7d 

@var color tertiary-500 "tertiary-500" #005a8f 

@var color tertiary-600 "tertiary-600" #0068a4 

@var color tertiary-700 "tertiary-700" #0075b9 

@var color tertiary-800 "tertiary-800" #0082ce 

@var color tertiary-900 "tertiary-900" #008de0 



@var color primary-or-primary-low-mid "primary-or-primary-low-mid" #707070

@var color primary-high-or-secondary-low "primary-high-or-secondary-low" #b8b8b8 

@var color primary-med-or-secondary-high "primary-med-or-secondary-high" #595959 

@var color primary-med-or-secondary-med "primary-med-or-secondary-med" #898989 

@var color primary-low-mid-or-secondary-high "primary-low-mid-or-secondary-high" #595959 

@var color primary-low-mid-or-secondary-low "primary-low-mid-or-secondary-low" #b8b8b8 



@var color secondary-or-primary "secondary-or-primary" #cbcbcb 



@var color tertiary-or-white "tertiary-or-white" #fff 

@var color tertiary-med-or-tertiary "tertiary-med-or-tertiary" #2bb1ff 

@var color tertiary-low-or-tertiary-high "tertiary-low-or-tertiary-high" #008de0 

@var color tertiary-or-tertiary-low "tertiary-or-tertiary-low" #004268 



@var color highlight-low-or-medium "highlight-low-or-medium" #005586 



@var color primary-rgb "primary-rgb" #cbcbcb

@var color primary-low-rgb "primary-low-rgb" #7c7c7c 

@var color primary-very-low-rgb "primary-very-low-rgb" #656565

@var color secondary-rgb "secondary-rgb" #121212 

@var color tertiary-rgb "tertiary-rgb" #2bb1ff

@var color header_background-rgb "header_background-rgb" #222222

@var color always-black-rgb "always-black-rgb" #000000



@var color header_primary "header_primary" #cbcbcb 

@var color header_primary-very-high "header_primary-very-high" #c1c1c1 

@var color header_primary-high "header_primary-high" #ababab 

@var color header_primary-medium "header_primary-medium" #989898 

@var color header_primary-low-mid "header_primary-low-mid" #7b7b7b 

@var color header_primary-low "header_primary-low" #484848 



@var color blend-primary-secondary-5 "blend-primary-secondary-5" #313131 



@var color hljs-tag "hljs-tag" #99f 

@var color hljs-symbol "hljs-symbol" #fbe 

@var color hljs-attribute "hljs-attribute" #0ee 

@var color hljs-string "hljs-string" #f99 

@var color hljs-number "hljs-number" #aff 

@var color hljs-builtin-name "hljs-builtin-name" #55c1ff 

@var color hljs-range "hljs-range" #aff 

@var color hljs-comment "hljs-comment" #bba 

@var color hljs-literal "hljs-literal" #9ae 

@var color hljs-bg "hljs-bg" #333 



@var color google "google" #fff 

@var color google-hover "google-hover" #f2f2f2



@var color instagram "instagram" #e1306c 

@var color instagram-hover "instagram-hover" #ac194b 



@var color discord "discord" #7289da 

@var color discord-hover "discord-hover" #4a67cf 



@var color facebook "facebook" #1877f2 

@var color facebook-hover "facebook-hover" #0a54b3 

@var color facebook-or-white "facebook-or-white" #fff 



@var color github "github" #100e0f 

@var color github-hover "github-hover" #463e42 



@var color twitter "twitter" #1da1f2 

@var color twitter-hover "twitter-hover" #0c85d0 

@var color twitter-or-white "twitter-or-white" #fff 



@var color wiki "wiki" #008000 



@var color cas "cas" #70ba61 

--------------------------------------------------------------

==/UserStyle== */
@-moz-document url-prefix("https://devforum.roblox.com/") {
	/* if update has 1 - 5 items listed, it'll be a #.#.A update, if 5 - 10. #.A.#...