MissionControl: Proposal Theme
      Back to home
      1. Solo Help Center
      2. MissionControl
      3. MissionControl: Proposal Theme

      Company Colors Style Guide

      Where each company color (primary, secondary, and tertiary) affects the proposal.

      Many of the pages within the proposal have specific style overrides. This allows you to choose specific colors for that page only. If you would like to learn more, please contact our support team at support@gosolo.io. 

      Primary Color

      • Loading logo when opening the proposal

      The following are the pages that the primary color will affect: 

      Graph page:

      • Energy Consumption Bars
      • Energy Consumption in legend
      • Solar offset

      Analysis Page

      • "Your Solar Payment" amount
      • Utility Rate Override box outline (only when selected)
      • Post Solar Override box outline (only when selected)
      • Post Solar Bill Override "Update" button 

      Finance Page

      • Select Finance Option button
      • Incentives text
      • Incentives slider
      • Net System Cost amount text

      Long Term Savings page

      • Savings portion of the "With Solar" graph
      • "Switch to Solar" amount & text

      Company Info Page

      • "Our Website" button

      Why Solar Page

      • Right-hand carat button

      Understanding Solar Page

      • Step buttons (under "Understanding Solar")
      • Weather buttons (under "Effects of Weather")

      FAQ Page

      • Search icon
      • Category button (only when selected)

      Refer a Friend Page

      • "Refer a Friend" label at the top of the page
      • "Get Started" button

      Embedded Video Page

      • Video background
      • Video Title text

       

      The following are the sidebar options that the primary color will affect:

      Adders

      • "Update" text/button
      • Checkbox fill-in

      Equipment

      • Dropdown outline
      • "Save" Button

      Rate Plans

      • Dropdown option background (only when hovering over)
      • Dropdown outline (only when selected)

      Utility Escalation

      • "Annual Energy Charge Change (%)" box outline (only when selected)
      • "Annual Fixed Charge Change (%)" box outline (only when selected)
      • "Display Energy and Fixed Charges Separately" checkbox fill-in 

      Docs Request

      • Box outline (only when the field is selected)
      • "Name on UB" and "Install Partner" dropdown option background (only when hovering over)
      • "Co-applicant" checkbox fill-in

      Share/Present

      • "Copy Link to Clipboard" button
      • "Send Email" button
      • "Sent Text" button
      • "Presentation Mode", "Slide View", and "Editing" toggles (only when toggled ON)

      Page Manager

      • Checkbox fill-in
      • "Save" button

      Secondary Color

      The following are the pages that the secondary color will affect: 

      Graph Page

      • Solar Production graph line
      • Solar Production in legend
      • "Update" in the "Update Usage" modal

      Analysis Page

      • 25/30-Year Savings fill-in
      • "Update" in the "Utility Rate Override" modal

      Finance Page

      • "Qualify" button
      • "Save" in the "Select Finance Option" modal

      Long Term Savings Page

      • "With Solar" portion of the top graph

       

      The following are the sidebar options that the secondary color will affect:

      Settings

      • "Logout" button
      • "Reset" button
      • "Toggle Autosave" toggle (only when toggled ON)
      • "Save" button

      Pricing

      • "Update" button
      • "Apply Dealer Fees" toggle (only when toggled ON)

      Incentives

      • "Update" button

      Rate Plans

      • "Update" button

      Utility Escalation

      • "Update" button

      Docs Request

      • "Request Docs" button

      Utility Bill Info

      • "Close" button
      • "Show Existing Bill" button
      • "Show New Bill" button

       

      Tertiary Color

      When Tertiary color is toggled OFF, the following fields will use the Primary color

      The following are the pages that the tertiary color will affect: 

      Analysis Page

      • "Stay With Electric" portion(s) of the bar graph

      Long Term Savings Page

      • "Stay With Electric" amount and text