⟵ hearthere ⟶
  • Quick start
  • Install Totum
  • Updating
  • Optimization
  • Backups
  • bin/totum
  • Basics for users
  • Interface and Layout
  • Tables and their parameters
  • Fields and their parameters
  • Prefilter
  • Syntax
  • Code, actions, formatting
  • Relational associations
  • Calculation order and calculation units
  • Auto-complete calculations and timing
  • Duplicate rows and cycles
  • Comparisons
  • Functions
  • Debugging
  • Print and CSV
  • Roles and users
  • Notifications
  • System tables
  • [PRO] Crons
  • [PRO] Daemons
  • [PRO] API
  • [PRO] Exporting and importing tables
  • [PRO] Anonymous tables
  • [PRO] External Forms
  • [PRO] LDAP AD
  • [PRO] MeiliSearch
  • [PRO] Only Office
  • [PRO] Trees
  • [PRO] Dynamic fields
  • [PRO] File versions
  • [PRO] 2FA
  • [PRO] Superlang
  • [PRO] Auth Tokens
  • [PRO] List-unsubscribe
  • [PRO] Databases
  • [PRO] Custom CSS
  • [PRO] Custom docs
  • [PRO] Profiler
  • [PRO] Connecting functions
  • [SRV] Installation and Connection
  • [SRV] Export, PDF, Upload, and Preview
  • [SRV] XLSX/DOCX Generators
  • PRO CSS Customization

    If you know CSS, you can make slight changes to the appearance of the scheme. This functionality is intended for minimal cosmetic changes to the system and is not suitable for creating your own system design, as we develop without considering backward compatibility with custom designs!

    Add css values to the h_custom_css field in the settings table.

    Everything within the body rule will be applied to both themes.

    Everything within the body:not(.theme-dark) rule will be applied only to the light theme.

    Everything within the body.theme-dark rule will be applied to the dark theme.

    body:not(.theme-dark){
        background-color: red
    }
    body.theme-dark{
        background-color: green
    }
    

    Please note that CSS rules are applied sequentially.