HomeProjectsDevLogServicesAI AutomationAboutContactGet Started
Back to DevLog
adminstacksaasvibe-codinginfrastructure

AdminStack Gets a Dark Mode Glow-Up (Plus Social Media Limits)

2 min read

Had a solid dev session today working on AdminStack's UI and plan restrictions. Two main things got tackled:

Visual Redesign — Going Full Dark Mode

I've been wanting to give AdminStack a more modern look, so I finally pulled the trigger on a complete visual overhaul. The old blue theme was fine, but it felt a bit generic.

Here's what changed:

  • Color scheme: Swapped the primary blue for a nice teal (#14b8a6) and made the background even darker (#0a0f1a)
  • Dashboard cards: Made the numbers way bigger (text-4xl) and added colored left borders for each stat card. Each one gets its own color (teal, purple, green, etc.) plus a subtle background icon
  • Sidebar: Completely redid the active state styling. Instead of a solid blue fill, active items now get a teal left border and a subtle glow effect. Much cleaner.
  • Plan badges: These are now proper colored pills that match each tier (Free=slate, Pro=teal, Enterprise=amber, etc.)

The whole thing feels way more polished now. It's still the same AdminStack underneath, but with a much better visual identity.

Social Media Tier Limits

The other big thing was implementing proper social media limits across the different pricing tiers. Before this, the limits were kind of all over the place.

Now it's clean:

  • Free: 1 account, 15 posts/month, 5 AI generations
  • Basic: 5 accounts, 60 posts, 25 AI gens
  • Pro: 10 accounts, 200 posts, 100 AI gens
  • Agency/Enterprise: Unlimited everything

The UI enforces these limits too. When you hit your account limit, the "Connect Account" button changes to "Upgrade to Connect More" and shows you exactly where you stand (like "3/5 accounts connected").

I also added a social media section to the billing page so users can see exactly what they get with each plan.

What's Next

Both features are shipped and working. The visual redesign was purely CSS changes, so nothing broke. Social limits are enforced at the API level, so no sneaky workarounds.

Next session I'm thinking about updating the table rows to match the new dark theme. Right now most cards look great with the new .card class, but some of the list views could use the same treatment.

Overall pretty happy with how both of these turned out. The app feels much more professional now.

Share this post

LinkedInFacebook