Component Storybook

Use the theme picker (top right) to test how components look across all themes.

Buttons

Cards

🚀

Feature Card

This is a feature card with an icon and description text.

⚙️

Another Card

Cards should have good contrast on all themes.

base-100

Card with base-100 background

base-200

Card with base-200 background

base-300

Card with base-300 background

Alerts

Default alert - check contrast

Info alert message

Success alert message

Warning alert message

Error alert message

Badges

defaultprimarysecondaryaccentghostinfosuccesswarningerror

outlineoutline primaryoutline secondary

Tables

Component	Description	Status
Buttons	All button variants	Good
Cards	Card containers	Needs work
Alerts	Notification banners	Broken

Code Blocks

Code Block

git clone https://gitlab.daringbit.com/josh/omfreebdy.git
cd omfreebdy
# Setup complete!

Inline Code

Use inline code for commands like pkg install or variables like $HOME.

Keyboard Shortcuts

Press Super + Enter to open terminal

Press Super + D to open launcher

Press Super + Shift + Q to quit

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Text Colors

text-base-content (default)

text-primary

text-secondary

text-accent

text-info

text-success

text-warning

text-error

Form Elements

CheckboxToggle

Progress & Loading

Tooltips

Tabs

Boxed Tabs (Default)

Installation

Installation Instructions

Install omfreebdy on FreeBSD with:

pkg install git
git clone https://gitlab.daringbit.com/josh/omfreebdy.git
cd omfreebdy
./install.sh

Configuration

Edit your config files in ~/.config/:

Hyprland: ~/.config/hypr/hyprland.conf
Waybar: ~/.config/waybar/config
Terminal: ~/.config/kitty/kitty.conf

Themes

Theme Management

Change themes with:

theme-list      # Show available themes
theme-set nord  # Switch to Nord theme

Bordered Tabs

Tab 1

Content for the first bordered tab.

Tab 2

Content for the second bordered tab.

Tab 3

Content for the third bordered tab.

Lifted Tabs

Overview

This is the overview tab with lifted styling.

Details

This is the details tab with lifted styling.

Settings

This is the settings tab with lifted styling.

Background Test

base-100

Main background

base-200

Nav/sidebar

base-300

Code blocks

primary

Accent color

secondary

Secondary

accent

Accent

neutral

Neutral

info

Info

success

Success

warning

Warning

error

Error