Loading...
 
Skip to main content

Tiki CSS Variables

Items 54

Variable name Default value Selector Relevant page element Where defined (as specified or by one or more themes) Notes
--tiki-admin-navbar-light-highlight-bg #007BFF (blue) .tiki-admin themes/default/…/css-variables.scss and individual themes Light option
--tiki-top-light-link-hover-bg :root Top module zone/navbar
--tiki-top-dark-link-hover-color :root Top module zone/navbar
--tiki-topbar-light-link-color :root Topbar module zone/navbar
--tiki-topbar-dark-bg :root Topbar module zone/navbar
--tiki-topbar-dark-border :root Topbar module zone/navbar Refers to border style and color.
--tiki-site-title-font-size 2rem :root Site title (text) themes/base_files/scss/tiki-variables.scss Used in Classic Tiki and Single Container layouts
--tiki-admin-navbar-dark-highlight-bg #007BFF (blue) .tiki-admin themes/default/…/css-variables.scss and individual themes Dark option
--tiki-fixed-top-site-title-font-weight 700 :root Site title (text) themes/base_files/scss/tiki-variables.scss
--tiki-admin-navbar-light-color (none specified) .tiki-admin Light option
--tiki-top-light-link-color :root Top module zone/navbar
--tiki-admin-dropdown-light-color (none specified) .tiki-admin Light option
--tiki-top-dark-color :root Top module zone/navbar
--tiki-topbar-light-bg :root Topbar module zone/navbar
--tiki-topbar-light-border :root Topbar module zone/navbar Refers to border style and color.
--tiki-topbar-dark-link-hover-color :root Topbar module zone/navbar
--tiki-fixed-top-border-bottom-width 0px header.navbar.fixed-top Fixed-top navbar themes/base_files/scss/tiki-variables.scss Used in Classic Bootstrap (fixed-top navbar) layout.
--tiki-admin-navbar-dark-color #ffffff (white) .tiki-admin themes/default/…/css-variables.scss and individual themes Dark option
--tiki-site-subtitle-font-weight 400 :root Site subtitle (text) themes/base_files/scss/tiki-variables.scss
--tiki-admin-dropdown-dark-hover-bg #4C4C4CFF (lighter dark gray) .tiki-admin themes/default/…/css-variables.scss and individual themes Dark option
--tiki-top-light-bg :root Top module zone/navbar Background color (light option).
--tiki-admin-toggle-light-bg #dbdbdb (medium gray) .tiki-admin themes/default/…/css-variables.scss and individual themes Light option
--tiki-top-light-box-shadow :root Top module zone/navbar
--tiki-top-dark-link-hover-bg :root Top module zone/navbar
--tiki-topbar-light-link-hover-color :root Topbar module zone/navbar
--tiki-topbar-dark-color :root Topbar module zone/navbar
--tiki-fixed-top-border-top-width 0px header.navbar.fixed-top Fixed-top navbar themes/base_files/scss/tiki-variables.scss Used in Classic Bootstrap (fixed-top navbar) layout.
--tiki-topbar-border-width :root Topbar module zone/navbar Used for both dark and light options.
--tiki-site-title-font-weight 700 :root Site title (text) themes/base_files/scss/tiki-variables.scss
--tiki-admin-dropdown-dark-bg #1C1C1C (dark gray) .tiki-admin themes/default/…/css-variables.scss and individual themes Dark option
--tiki-fixed-top-site-subtitle-font-size 1.4rem :root Site subtitle (text) themes/base_files/scss/tiki-variables.scss
--tiki-admin-navbar-light-highlight-color #ffffff (white) .tiki-admin themes/default/…/css-variables.scss and individual themes Light option
--tiki-top-light-link-hover-color :root Top module zone/navbar
--tiki-admin-dropdown-light-hover-color (none specified) .tiki-admin Doesn't exist yet (2/3/2023).
--tiki-top-dark-link-color :root Top module zone/navbar
--tiki-topbar-light-color :root Topbar module zone/navbar
--tiki-topbar-light-box-shadow :root Topbar module zone/navbar
--tiki-topbar-dark-link-hover-bg :root Topbar module zone/navbar
--tiki-fixed-top-border-left-width 0px header.navbar.fixed-top Fixed-top navbar themes/base_files/scss/tiki-variables.scss May be used by a theme.
--tiki-admin-navbar-dark-highlight-color #ffffff (white) .tiki-admin themes/default/…/css-variables.scss and individual themes Dark option
--tiki-fixed-top-site-title-font-size 1.8rem :root Site title (text) themes/base_files/scss/tiki-variables.scss Used in Classic Bootstrap (fixed-top navbar) layout
--tiki-admin-navbar-light-bg #f0f0f0 (light gray) .tiki-admin themes/default/…/css-variables.scss and individual themes Light option
--tiki-top-light-color :root Top module zone/navbar
--tiki-admin-dropdown-light-bg #e6e6e6 (medium gray) .tiki-admin themes/default/…/css-variables.scss and individual themes Light option
--tiki-top-dark-bg :root Top module zone/navbar
--tiki-top-dark-box-shadow :root Top module zone/navbar
--tiki-topbar-light-link-hover-bg :root Topbar module zone/navbar
--tiki-topbar-dark-link-color :root Topbar module zone/navbar
--tiki-fixed-top-border-right-width 0px header.navbar.fixed-top Fixed-top navbar themes/base_files/scss/tiki-variables.scss May be used by a theme.
--tiki-admin-navbar-dark-bg #2C2C2C (dark gray) .tiki-admin Unified Admin Backend horizontal navbar themes/default/…/css-variables.scss and individual themes Dark option
  • «
  • 1 (current)
  • 2