Skip to main content

Global Corporate CSS Settings

This requires more advanced approach:

The Default Corporate CSS:

/* ===========================================================
   Corporate Document CSS — Generic Theme (Colors Only)
   -----------------------------------------------------------
   Preset Color Definitions:
   - Primary   (#455A64): Headings, table headers, key dividers
   - Secondary (#ECF0F1): Light backgrounds and contrast text
   - Font      (#36464F): Default body text
   - Accent    (#F5F7F8): Highlights, totals, emphasis
   - Border    (#71ABCB): Table borders & separator lines
   =========================================================== */

/* Font color */
.document {
  color: #36464F; /* Font */
}

/* Headings */
h1, h2, h3,
.project-box h2,
.heding-mean {
  color: #455A64 !important; /* Primary */
}

/* First horizontal divider */
.top-table {
  border-color: #455A64 !important; /* Primary */
}

/* Table headers */
th {
  background-color: #455A64 !important; /* Primary */
  color: #ECF0F1 !important; /* Secondary */
}

/* Table borders */
td, th {
  border-color: #71ABCB !important; /* Border */
}

/* Totals / highlights */
.table-highlight,
.summary,
.total-row {
  background-color: #F5F7F8 !important; /* Accent */
}

/* Separator lines */
hr, .line, .separator {
  border-color: #71ABCB !important; /* Border */
}

/* Buttons */
.button {
  background-color: #F5F7F8 !important; /* Accent */
  color: #36464F !important; /* Font */
  border-color: #71ABCB !important; /* Border */
}

Create Global Text in SOAP

select id from languages where iso_short = 'en';

Then:

<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:wsdl="http://atollon.com/enterprise/wsdl">
   <soapenv:Header/>
   <soapenv:Body>
      <wsdl:CreateGlobalText>
         <server>SERVERNAMEHERE</server>
         <session>xxx</session>
         <identification>invoice-global-CSS</identification>
         <LANG>
            <id>131514101</id>
            <value>/* Corporate Document CSS - Focused on Colors */

/* Preset Color Definitions:
   - Primary color (#455A64): Used for main headings, table headers
   - Secondary color (#ECF0F1): Used for backgrounds and contrast elements
   - Font color (#36464F): Default text color
   - Accent color (#F5F7F8): Used for highlights, buttons, totals
   - Border color (#71ABCB): Used for table borders and separator lines
*/

/* Document Background and Font Color */
.document {
  /* background-color: #ECF0F1; Optionally, secondary color for clean, neutral background */
  color: #36464F; /* Font color for readability */
}

/* Heading Colors */
h1, h2, h3 {
  color: #455A64; /* Primary color to emphasize headings clearly */
}

/* Table Header Colors */
th {
  background-color: #455A64; /* Primary color for contrast and clarity */
  color: #ECF0F1; /* Secondary color for contrasting readable text */
}

/* Table Border Colors */
td {
  border-color: #71ABCB; /* Border color to subtly separate table cells */
}

/* Invoice Totals and Highlights */
.table-highlight {
  background-color: #F5F7F8; /* Accent color to draw attention to important totals */
  color: #ECF0F1; /* Secondary color to ensure readability against accent background */
}

/* Separator Lines */
hr, .line {
  border-color: #71ABCB; /* Border color for gentle visual separation */
}

/* Button Colors */
.button {
  background-color: #F5F7F8; /* Accent color for action buttons to stand out */
  color: #ECF0F1; /* Secondary color to ensure text readability on buttons */
}</value>
         </LANG>
      </wsdl:CreateGlobalText>
   </soapenv:Body>
</soapenv:Envelope>

Corporate CSS styles by document type

Document type Global Text Identification 
Invoice invoice-global-CSS
Activity activity-global-CSS