Saas Theme

A modern, polished SaaS UI theme for Frappe Framework v16 — dual sidebar, slide-in editors, enhanced forms & dashboard.

Install Saas Theme

bench get-app https://github.com/vineyrawat/saas_theme

Tags

  • erpnext
  • erpnext-theme
  • frappe
  • frappe-app
  • frappe-framework
  • frappe-theme
  • saas
  • ui-theme

Add the Frappe Gems badge to your README

Maintain Saas Theme? Paste this into your README:

[![Listed on Frappe Gems](https://frappegems.com/api/method/frappe_gems.seo.badge?app=vineyrawat%2Fsaas_theme)](https://frappegems.com/gems/apps/vineyrawat/saas_theme)

About Saas Theme

Saas Theme Logo

Saas Theme by CommitStreet

A modern, polished SaaS UI theme for Frappe Framework v16 that transforms the default desk into a sleek, professional interface.

--- ## Features ### Dual Sidebar with Workspace Rail - Dark workspace rail (60px) with module icons for quick switching - Sidebar panel with smooth expand/collapse behavior - Tooltips on rail hover, active state indicators ### Redesigned Form UI - Larger, squarish form inputs scoped to forms only (filters untouched) - Active tabs styled with primary color border, background, and text - Modern form right sidebar with colored section icons, enhanced attachment cards, and polished meta footer ### Slide-in Child Table Editor - Child table row editing opens as a right-side sheet instead of a centered modal - Full-height panel with slide-in animation, scrollable body, header/footer toolbars - Close button and all action buttons always visible ### Enhanced Attachments - File type badges (PDF, DOC, XLS, IMG, ZIP, CODE) with color coding - Clean card layout with filename, privacy status, and remove button - Auto-enhances dynamically added attachments via MutationObserver ### Dashboard Widgets - Squarish card design with subtle header separation - Chart colors overridden to primary blue - Consistent hover effects across all widget types ### Connections Tab - Grouped mini-cards with masonry layout (CSS columns) - Uppercase section headers with subtle background - Clean list rows with primary-colored count badges ### Login Page - Two-column split layout with form on left and branded gradient panel on right - Polished inputs, buttons, and social login styling - Mobile responsive — panel hidden on small screens - Dark mode support ### Desk Homepage - Proper 6-column grid layout for workspace icons - Hover effects with lift animation - Responsive breakpoints (4 columns tablet, 3 columns mobile) ### User Menu - Custom user menu triggered from sidebar avatar - Profile info, integrations, logout, and version display --- ## Screenshots ### Workspace Home & Sidebar ![Workspace Home](saas_theme/screenshots/home_buying.png) *Dual sidebar with dark workspace rail, module icons, and Buying workspace* ### Dashboard ![Dashboard](saas_theme/screenshots/dashboard.png) *Polished dashboard with number cards, charts in primary blue, and squarish widget cards* ### List View ![List View](saas_theme/screenshots/list_view_purchase_invoice.png) *Clean list view with status indicators and styled filters* ### Connections Tab & Form Sidebar ![Connections Tab](saas_theme/screenshots/connections_tab_with_right_sidebar.png) *Grouped connection cards with masonry layout and redesigned right sidebar* ### Slide-in Child Table Editor ![Child Table Editor](saas_theme/screenshots/child_table_edit.png) *Right-side sheet for editing child table rows with all actions visible* ### Login Page ![Login](saas_theme/screenshots/login.png) *Two-column split login with branded gradient panel* ### Reports ![General Ledger](saas_theme/screenshots/report_general_ledger.png) *General Ledger report view* ![Trial Balance](saas_theme/screenshots/report_trial_balance.png) *Trial Balance report with expandable tree view* --- ## Requirements - Frappe Framework v16 --- ## Installation ```bash cd $PATH_TO_YOUR_BENCH bench get-app https://github.com/vineyrawat/saas_theme.git --branch version-16 bench install-app saas_theme bench build --app saas_theme bench restart ``` ## Update ```bash cd $PATH_TO_YOUR_BENCH bench update --apps saas_theme bench build --app saas_theme bench restart ``` ## Uninstall ```bash cd $PATH_TO_YOUR_BENCH bench uninstall-app saas_theme bench remove-app saas_theme bench restart ``` --- ## Configuration No additional configuration required. The theme activates automatically on installation and applies to all desk pages. To bust browser cache after updates, the asset version is incremented in `hooks.py`: ```python app_include_css = "/assets/saas_theme/css/saas_theme.css?v=59" app_include_js = "/assets/saas_theme/js/saas_theme.js?v=59" ``` --- ## Compatibility | Component | Version | |-----------|---------| | Frappe | v16 | --- ## Support For support, feature requests, or bug reports, contact: - **Email**: vineyrawat@yahoo.com - **Publisher**: [CommitStreet](https://github.com/vineyrawat) --- ## License **Proprietary** - Copyright (c) 2026 CommitStreet. All rights reserved. This software is licensed for use only. Redistribution, modification, and derivative works are prohibited. See [license.txt](license.txt) for full terms.

Related Themes apps for Frappe & ERPNext

  • Bluetheme — Custom Theme for ERPNext v12 with new Desk 2.0
  • Frappe Theme — Theme for Frappe sites
  • Frappe Desk Theme — A comprehensive theming solution for FrappeERPNext desk interface that allows complete customization of the user interface appearance.
  • Portal Theme — Theme your entire Frappe portal — navbar, cards, login page, and more.
  • Redtheme V13B — Custom theme for ERPNext/Frappe version 13-beta
  • Whitetheme V13 — Custom Theme for Frappe/ERPNext v13
  • Theme — Frappe V15 Theme same like spike tailwind
  • Bdtheme