OshiForge

Start Here

Template preset

Goal-based presets are a quick way to start.

Output Filters

Only show Avatar/Profile Pic code Only show Text/Headers/Blurb code Only show Buttons/Links code Only show Comments/Replies code Only show Tagline box glow code

If none are checked, OshiForge outputs full CSS as normal.

Quick Fixes

Text too dark? Force readable text colors

Header style not applying? Force header colors/gradient

Comments hard to read? Increase contrast automatically

Colors

Primary

Secondary

Accent

Text

Link color

Link hover color

Link weight

Underline links

Header Colors

Header gradient start

Header gradient middle

Header gradient end

Header text

Panels & Glass

Panel base color

Panel hover color

Panel opacity

Border opacity

Top bar opacity

Section opacity

Social opacity

Buttons & Links

Button background

Button text

Button border

Hover background

Hover text

Button opacity

Button hover opacity

Text & Content Colors

Blurb title

Blurb text

Custom HTML text

Interests title

Interests text

Tagline text

About/body text

Name color

Reply/input border

Tagline Box Colors

Tagline box background

Tagline box border

Tagline box opacity

Mood / Activity Bar Colors

Status bar background

Bar text

Bar border

Comments & Replies Colors

Comments background

Comments text

Comments border

Reply box background

Reply/editor text

Comment opacity

Decorative Border Colors

Border color

Border secondary color

Border opacity

Profile Card Layout

Layout preset

Right column max width

Container width

Panel gap

Card padding

Section spacing

Card radius

Card border width

Panel Visibility (Basic)

Show top bar Show Top 8 Show section links

Show links card Show details card Show song card

Show comments card

Panel Order (Right Column)

Top 8 order

Links order

Details order

Song order

Comments order

Enable image frame border

Frame image URL

Frame slice

Frame width

Frame repeat

Frame radius

Apply frame to section/social blocks too

Enable decorative border (no image)

Border style

Border width

Gradient border

Border glow

Border corner radius

Apply decorative border to section/social blocks too

Hover lift

Hover scale

Shadow strength

Glow strength

Text & Header Style

Body font

Header font

Base font size

Line height

Header size

Header link size

Star icon

Heart icon

Uppercase headers

Transparency & Blur

Glass blur

Avatar & Name

Avatar size

Avatar shape

Avatar border thickness

Avatar glow strength

Name glow

Custom avatar shape CSS

Buttons & Visibility

Keep contact/boop styles uniform

About, Blurbs & Interests

Enable tagline box glow (for the quote box under username)

Tagline glow

Tagline radius

Tagline padding

Force readable text in blurbs/interests/about

Tip: turn this on if text shows up gray/dark on your profile.

Preserve line breaks in blurbs/custom text

Comments & Replies

Comment content padding

Transparent comment + reply borders

Power Tools

Layout Lab (Move Things)

Left column X

Left column Y

Right column X

Right column Y

Top 8 X

Links X

Song X

Top 8 Y

Links Y

Song Y

Shape Lab

Card shape

Button shape

Shape intensity

Shape border width

Add 2-column helper classes for custom HTML (.of-two-col)

Custom cursor CSS

Extra custom CSS (appended last)

Start Here

Output Filters

Quick Fixes

Colors

Header Colors

Panels & Glass

Buttons & Links

Text & Content Colors

Tagline Box Colors

Mood / Activity Bar Colors

Comments & Replies Colors

Decorative Border Colors

Profile Card Layout

Panel Visibility (Basic)

Panel Order (Right Column)

Text & Header Style

Transparency & Blur

Avatar & Name

Buttons & Visibility

About, Blurbs & Interests

Comments & Replies

Power Tools

Layout Lab (Move Things)

Shape Lab

Live Preview

Generated CSS