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-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
--tiki-site-subtitle-font-size	1.5rem	:root	Site subtitle (text)	themes/base_files/scss/tiki-variables.scss
--tiki-admin-dropdown-dark-color	#ffffff white)	.tiki-admin		themes/default/ /css-variables.scss and individual themes	Dark option
--tiki-fixed-top-site-subtitle-font-weight	400	:root	Site subtitle (text)	themes/base_files/scss/tiki-variables.scss
--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

• «
• 1 (current)
• 2
• »