Global Corporate CSS Settings

This requires more advanced approach:

The Default Corporate CSS:

/* Base CSS Variables for Easy User Customization */
:root {
  --primary-color: #445963; /* Main panel color */
  --secondary-color: #F5F7F8; /* Light background color */
  --font-color: #000000; /* Default font color */
  --accent-color: #3E5567; /* Accent or highlight color */
  --border-color: #364950; /* Lines and borders */
}

/* Document Backgrounds */
.document {
  background-color: var(--secondary-color);
  color: var(--font-color);
  font-family: Arial, sans-serif;
}

/* Main Heading Styles */
h1, h2, h3 {
  color: var(--primary-color);
}

/* Table Styles */
table {
  width: 100%;
  border-collapse: collapse;
}

th {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  padding: 10px;
}

td {
  border: 1px solid var(--border-color);
  padding: 8px;
}

/* Invoice-specific Styles */
.invoice-total {
  background-color: var(--accent-color);
  color: var(--secondary-color);
  font-weight: bold;
  padding: 10px;
}

/* Line or Border Elements */
hr, .line {
  border-color: var(--border-color);
}

/* Buttons or Interactive Elements (if needed) */
.button {
  background-color: var(--accent-color);
  color: var(--secondary-color);
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
}

Create Global Text in SOAP

 

select * from languages where iso_short = 'en';