Overview
Custom Theme lets you personalize JobTread with your own color palette. Create themes that match your brand, reduce eye strain, or simply reflect your personal style. Save up to 3 custom themes for quick switching.
Key Features
- Full Color Control - Choose primary, background, and text colors
- Inline Previews - See colors before applying
- Intelligent Coordination - Colors coordinate across entire interface
- Task Color Preservation - Maintains task type colors with enhanced visibility
- 5px Colored Borders - Clear task identification
- Save 3 Themes - Quick switching between favorite palettes
- Yellow Highlight Preservation - Edited budget cells stay highlighted
- Seamless Task Cards - Blend with custom background
Getting Started
Prerequisites
- JT Power Tools extension installed
- Active premium license
- Custom Theme enabled in popup
Accessing Theme Customization
- Click the JT Power Tools extension icon
- Find "Custom Theme" (marked with Premium badge)
- Toggle it ON
- Click "Customize Theme" button to open color picker panel
Creating Your Theme
Color Options
Primary Color
Used for:
- Buttons and call-to-action elements
- Links and interactive elements
- Accent colors throughout interface
- Task card borders
Background Color
Used for:
- Main page backgrounds
- Card backgrounds
- Panel backgrounds
- Task card backgrounds
Text Color
Used for:
- All text content
- Labels and headings
- Form inputs
- Navigation
Choosing Colors
- Open Color Picker
Click the color preview box next to each color option
- Select Your Color
Use the color picker to choose your preferred color. You'll see an inline preview.
- Verify Contrast
Ensure text is readable against your chosen background
- Apply Theme
Click "Apply" to see your theme across JobTread
Contrast Tip
Ensure your text color has good contrast with your background color. Dark text on light backgrounds, or light text on dark backgrounds work best.
Saving & Managing Themes
Saving a Theme
- Create your custom color palette
- Click "Save Theme" button
- Give your theme a name (e.g., "Ocean Blue", "Forest Green")
- Theme is saved to one of your 3 available slots
Loading a Saved Theme
- Open the theme customization panel
- View your saved themes in the "Saved Themes" section
- Click on a saved theme to apply it instantly
Deleting a Theme
- Find the theme you want to delete in "Saved Themes"
- Click the "Delete" or "×" button next to it
- Confirm deletion
- Slot is now available for a new theme
Theme Ideas & Examples
Professional Themes
Corporate Blue
- Primary: Navy Blue (#003366)
- Background: Light Gray (#f5f5f5)
- Text: Dark Gray (#333333)
Construction Orange
- Primary: Safety Orange (#ff6600)
- Background: Off-white (#fafafa)
- Text: Charcoal (#2d2d2d)
Comfort Themes
Forest Green
- Primary: Forest Green (#228b22)
- Background: Light Sage (#f0f4f0)
- Text: Dark Green (#1a4d1a)
Warm Sunset
- Primary: Burnt Orange (#cc5500)
- Background: Warm Cream (#fff8f0)
- Text: Deep Brown (#4a3020)
High Contrast Themes
High Contrast Dark
- Primary: Bright Blue (#00aaff)
- Background: Near Black (#1a1a1a)
- Text: Pure White (#ffffff)
High Contrast Light
- Primary: Deep Purple (#6600cc)
- Background: Pure White (#ffffff)
- Text: Pure Black (#000000)
Advanced Customization
Task Type Colors
Custom Theme preserves JobTread's task type colors while enhancing visibility:
- Task cards use your custom background
- 5px thick colored border shows task type
- Colored border is always visible and distinct
- Hover effects apply your primary color
Budget Cell Highlighting
- Yellow highlighting preserved on edited cells
- Ensures you never lose unsaved changes
- Works seamlessly with any background color
Formatter Toolbar Theming
- Formatting toolbar adopts your theme colors
- Buttons use your primary color when active
- Toolbar background matches your background choice
Compatibility
Works With
- Schedule Drag & Drop (Premium)
- Text Formatter
- Quick Job Switcher
- Budget Hierarchy Shading
Mutually Exclusive With
- Contrast Fix (theme has its own contrast handling)
- Dark Mode (theme replaces dark mode)
Troubleshooting
Colors Not Applying
Solution:
- Verify Custom Theme is enabled
- Check that Contrast Fix and Dark Mode are disabled
- Click "Apply" after choosing colors
- Refresh the page
Text Hard to Read
Solution:
- Adjust text color for better contrast with background
- Use darker text on light backgrounds, lighter text on dark backgrounds
- Try a different background color
Saved Themes Won't Load
Solution:
- Check that you have premium license activated
- Verify themes were saved successfully
- Try re-saving the theme
- Clear browser cache and reload extension
Best Practices
- Test Readability - View different JobTread pages before finalizing
- Save Variations - Use your 3 slots for different moods/times of day
- Brand Consistency - Match your company colors for professional look
- Consider Team - If sharing themes, choose universally readable colors
- Seasonal Themes - Switch themes seasonally for variety
Related Guides