Loading...
Skip to main content
Navigation and related functionality and content
Home Page
About
Marketplace
Sample page
Wishlist at dev site
Sitemap (Categories)
Tiki Customization
Creating a theme
Converting a Bootstrap theme
Contributing, sharing or selling
Customizing icons
Tips
Template Tricks
CSS Tricks
Feature Examples
Articles
Blogs
Calendar
Forums
FAQs
Trackers
Files
Links Directory
Wiki Pages
Find
Tiki CSS Variables
Trackers
Tracker actions
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
»