Squarespace Color Variables
All color theme variables in Squarespace.
| Accordion Block | Accordion Block Icon Color | var(--tweak-accordion-block-icon-color) |
| Accordion Block | Accordion Block Icon Color on Background | var(--tweak-accordion-block-icon-color-on-background) |
| Accordion Block | Accordion Block Background Color | var(--tweak-accordion-block-background-color) |
| Accordion Block | Accordion Block Divider Color | var(--tweak-accordion-block-divider-color) |
| Accordion Block | Accordion Block Divider Color on Background | var(--tweak-accordion-block-divider-color-on-background) |
| Accordion Block | Accordion Block Stroke Color | var(--tweak-accordion-block-stroke-color) |
| Additional | Toggle Off Color | var(--toggle-off-color) |
| Additional | Toggle On Color | var(--toggle-on-color) |
| Blog | Blog Item Title Color | var(--tweak-blog-item-title-color) |
| Blog | Blog Item Meta Color | var(--tweak-blog-item-meta-color) |
| Blog | Blog Item Author Profile Color | var(--tweak-blog-item-author-profile-color) |
| Blog | Blog Item Comment Text Color | var(--tweak-blog-item-comment-text-color) |
| Blog | Blog Item Comment Meta Color | var(--tweak-blog-item-comment-meta-color) |
| Blog | Blog Item Pagination Icon Color | var(--tweak-blog-item-pagination-icon-color) |
| Blog | Blog Item Pagination Title Color | var(--tweak-blog-item-pagination-title-color) |
| Blog | Blog Item Pagination Meta Color | var(--tweak-blog-item-pagination-meta-color) |
| Blog Basic Grid | Blog Basic Grid List Title Color | var(--tweak-blog-basic-grid-list-title-color) |
| Blog Basic Grid | Blog Basic Grid List Meta Color | var(--tweak-blog-basic-grid-list-meta-color) |
| Blog Basic Grid | Blog Basic Grid List Excerpt Color | var(--tweak-blog-basic-grid-list-excerpt-color) |
| Blog Basic Grid | Blog Basic Grid List Read More Color | var(--tweak-blog-basic-grid-list-read-more-color) |
| Blog Masonry | Blog Masonry List Title Color | var(--tweak-blog-masonry-list-title-color) |
| Blog Masonry | Blog Masonry List Meta Color | var(--tweak-blog-masonry-list-meta-color) |
| Blog Masonry | Blog Masonry List Excerpt Color | var(--tweak-blog-masonry-list-excerpt-color) |
| Blog Masonry | Blog Masonry List Read More Color | var(--tweak-blog-masonry-list-read-more-color) |
| Blog Side‑by‑Side | Blog Side-by-Side List Title Color | var(--tweak-blog-side-by-side-list-title-color) |
| Blog Side‑by‑Side | Blog Side-by-Side List Meta Color | var(--tweak-blog-side-by-side-list-meta-color) |
| Blog Side‑by‑Side | Blog Side-by-Side List Excerpt Color | var(--tweak-blog-side-by-side-list-excerpt-color) |
| Blog Side‑by‑Side | Blog Side-by-Side List Read More Color | var(--tweak-blog-side-by-side-list-read-more-color) |
| Blog Single Column | Blog Single Column List Title Color | var(--tweak-blog-single-column-list-title-color) |
| Blog Single Column | Blog Single Column List Meta Color | var(--tweak-blog-single-column-list-meta-color) |
| Blog Single Column | Blog Single Column List Excerpt Color | var(--tweak-blog-single-column-list-excerpt-color) |
| Blog Single Column | Blog Single Column List Read More Color | var(--tweak-blog-single-column-list-read-more-color) |
| Buttons | Primary Button Background Color | var(--primaryButtonBackgroundColor) |
| Buttons | Primary Button Text Color | var(--primaryButtonTextColor) |
| Buttons | Secondary Button Background Color | var(--secondaryButtonBackgroundColor) |
| Buttons | Secondary Button Text Color | var(--secondaryButtonTextColor) |
| Buttons | Tertiary Button Background Color | var(--tertiaryButtonBackgroundColor) |
| Buttons | Tertiary Button Text Color | var(--tertiaryButtonTextColor) |
| Course Item Nav | Course Item Nav Text Color | var(--course-item-nav-text-color) |
| Course Item Nav | Course Item Nav Background Color | var(--course-item-nav-background-color) |
| Course Item Nav | Course Item Nav Border Color | var(--course-item-nav-border-color) |
| Course Item Nav | Course Item Nav Active Lesson Background Color | var(--course-item-nav-active-lesson-background-color) |
| Course Item Nav | Course Item Nav Active Lesson Text Color | var(--course-item-nav-active-lesson-text-color) |
| Course List | Course List Course Item Background | var(--course-list-course-item-background) |
| Course List | Course List Course Item Hover Background | var(--course-list-course-item-hover-background) |
| Course List | Course List Course Chapter Divider Color | var(--course-list-course-chapter-divider-color) |
| Course List | Course List Course Progress Bar Color | var(--course-list-course-progress-bar-color) |
| Course List | Course List Course Item Text Color | var(--course-list-course-item-text-color) |
| Course List Grid | Course List Grid Layout Course Item Border Color | var(--course-list-grid-layout-course-item-border-color) |
| Course List Grid | Course List Grid Layout Course Item Background Color | var(--course-list-grid-layout-course-item-background-color) |
| Course List Grid | Course List Grid Layout Course Item Hover Background Color | var(--course-list-grid-layout-course-item-hover-background-color) |
| Course List Grid | Course List Grid Layout Course Item Text Color | var(--course-list-grid-layout-course-item-text-color) |
| Course List Grid | Course List Grid Layout Chapter Divider Color | var(--course-list-grid-layout-chapter-divider-color) |
| Donation Block | Donation Block Background Color | var(--donation-block-background-color) |
| Donation Block | Donation Block Stroke Color | var(--donation-block-stroke-color) |
| Events | Events Item Pagination Title Color | var(--tweak-events-item-pagination-title-color) |
| Events | Events Item Pagination Icon Color | var(--tweak-events-item-pagination-icon-color) |
| Events | Events Item Pagination Date Color | var(--tweak-events-item-pagination-date-color) |
| Form Block | Form Block Background Color | var(--tweak-form-block-background-color) |
| Form Block | Form Block Title Color | var(--tweak-form-block-title-color) |
| Form Block | Form Block Description Color | var(--tweak-form-block-description-color) |
| Form Block | Form Block Caption Color | var(--tweak-form-block-caption-color) |
| Form Block | Form Block Field Input Color | var(--tweak-form-block-field-input-color) |
| Form Block | Form Block Field Border Color | var(--tweak-form-block-field-border-color) |
| Form Block | Form Block Field Fill Color | var(--tweak-form-block-field-fill-color) |
| Form Block | Form Block Field Accessory Color | var(--tweak-form-block-field-accessory-color) |
| Form Block | Form Block Field Accent Color | var(--tweak-form-block-field-accent-color) |
| Form Block | Form Block Button Background Color | var(--tweak-form-block-button-background-color) |
| Form Block | Form Block Button Text Color | var(--tweak-form-block-button-text-color) |
| Form Block | Form Block Stroke Color | var(--tweak-form-block-stroke-color) |
| Gallery | Gallery Icon Color | var(--tweak-gallery-icon-color) |
| Gallery | Gallery Icon Background Color | var(--tweak-gallery-icon-background-color) |
| Gallery | Gallery Lightbox Icon Color | var(--tweak-gallery-lightbox-icon-color) |
| Gallery | Gallery Lightbox Background Color | var(--tweak-gallery-lightbox-background-color) |
| Headings | Heading Extra Large Color | var(--headingExtraLargeColor) |
| Headings | Heading Large Color | var(--headingLargeColor) |
| Headings | Heading Medium Color | var(--headingMediumColor) |
| Headings | Heading Small Color | var(--headingSmallColor) |
| Headings | Heading Link Color | var(--headingLinkColor) |
| Image Block | Image Block Overlay Color | var(--image-block-overlay-color) |
| Image Block | Image Block Card Image Button Background Color | var(--image-block-card-image-button-bg-color) |
| Image Block | Image Block Card Image Button Text Color | var(--image-block-card-image-button-text-color) |
| Image Block | Image Block Card Image Title Color | var(--image-block-card-image-title-color) |
| Image Block | Image Block Card Image Subtitle Color | var(--image-block-card-image-subtitle-color) |
| Image Block | Image Block Card Inline Link Color | var(--image-block-card-inline-link-color) |
| Image Block | Image Block Poster Image Button Background Color | var(--image-block-poster-image-button-bg-color) |
| Image Block | Image Block Poster Image Button Text Color | var(--image-block-poster-image-button-text-color) |
| Image Block | Image Block Poster Image Title Color | var(--image-block-poster-image-title-color) |
| Image Block | Image Block Poster Image Subtitle Color | var(--image-block-poster-image-subtitle-color) |
| Image Block | Image Block Poster Inline Link Color | var(--image-block-poster-inline-link-color) |
| Image Block | Image Block Stack Image Button Background Color | var(--image-block-stack-image-button-bg-color) |
| Image Block | Image Block Stack Image Button Text Color | var(--image-block-stack-image-button-text-color) |
| Image Block | Image Block Stack Image Title Color | var(--image-block-stack-image-title-color) |
| Image Block | Image Block Stack Image Subtitle Color | var(--image-block-stack-image-subtitle-color) |
| Image Block | Image Block Stack Inline Link Color | var(--image-block-stack-inline-link-color) |
| Image Block Collage | Image Block Collage Background Color | var(--image-block-collage-background-color) |
| Image Block Collage | Image Block Collage Image Overlay Color | var(--image-block-collage-image-overlay-color) |
| Image Block Collage | Image Block Collage Image Button Background Color | var(--image-block-collage-image-button-bg-color) |
| Image Block Collage | Image Block Collage Image Button Text Color | var(--image-block-collage-image-button-text-color) |
| Image Block Collage | Image Block Collage Image Title Color | var(--image-block-collage-image-title-color) |
| Image Block Collage | Image Block Collage Image Subtitle Color | var(--image-block-collage-image-subtitle-color) |
| Image Block Collage | Image Block Collage Inline Link Color | var(--image-block-collage-inline-link-color) |
| Image Block Collage | Image Block Collage Image Title BG Color | var(--image-block-collage-image-title-bg-color) |
| Image Block Overlap | Image Block Overlap Inline Link Color | var(--image-block-overlap-inline-link-color) |
| Image Block Overlap | Image Block Overlap Image Overlay Color | var(--image-block-overlap-image-overlay-color) |
| Image Block Overlap | Image Block Overlap Image Button Background Color | var(--image-block-overlap-image-button-bg-color) |
| Image Block Overlap | Image Block Overlap Image Button Text Color | var(--image-block-overlap-image-button-text-color) |
| Image Block Overlap | Image Block Overlap Image Subtitle Color | var(--image-block-overlap-image-subtitle-color) |
| Image Block Overlap | Image Block Overlap Image Title Color | var(--image-block-overlap-image-title-color) |
| Image Block Overlap | Image Block Overlap Image Title BG Color | var(--image-block-overlap-image-title-bg-color) |
| Line Block | Line Block Line Color | var(--tweak-line-block-line-color) |
| List Section | List Section Title Color | var(--list-section-title-color) |
| List Section | List Section Banner Slideshow Title Color | var(--list-section-banner-slideshow-title-color) |
| List Section | List Section Banner Slideshow Description Color | var(--list-section-banner-slideshow-description-color) |
| List Section | List Section Banner Slideshow Arrow Background Color | var(--list-section-banner-slideshow-arrow-background-color) |
| List Section | List Section Banner Slideshow Arrow Color | var(--list-section-banner-slideshow-arrow-color) |
| List Section | List Section Banner Slideshow Button Background Color | var(--list-section-banner-slideshow-button-background-color) |
| List Section | List Section Banner Slideshow Button Text Color | var(--list-section-banner-slideshow-button-text-color) |
| List Section | List Section Banner Slideshow Card Color | var(--list-section-banner-slideshow-card-color) |
| List Section | List Section Banner Slideshow Card Button Background Color | var(--list-section-banner-slideshow-card-button-background-color) |
| List Section | List Section Banner Slideshow Card Button Text Color | var(--list-section-banner-slideshow-card-button-text-color) |
| List Section | List Section Banner Slideshow Card Description Color | var(--list-section-banner-slideshow-card-description-color) |
| List Section | List Section Banner Slideshow Card Title Color | var(--list-section-banner-slideshow-card-title-color) |
| List Section | List Section Simple Button Background Color | var(--list-section-simple-button-background-color) |
| List Section | List Section Simple Button Text Color | var(--list-section-simple-button-text-color) |
| List Section | List Section Simple Card Description Color | var(--list-section-simple-card-description-color) |
| List Section | List Section Simple Card Description Link Color | var(--list-section-simple-card-description-link-color) |
| List Section | List Section Simple Card Title Color | var(--list-section-simple-card-title-color) |
| List Section | List Section Simple Card Button Background Color | var(--list-section-simple-card-button-background-color) |
| List Section | List Section Simple Card Button Text Color | var(--list-section-simple-card-button-text-color) |
| List Section | List Section Simple Card Color | var(--list-section-simple-card-color) |
| List Section | List Section Simple Description Color | var(--list-section-simple-description-color) |
| List Section | List Section Carousel Button Background Color | var(--list-section-carousel-button-background-color) |
| List Section | List Section Carousel Button Text Color | var(--list-section-carousel-button-text-color) |
| List Section | List Section Carousel Arrow Background Color | var(--list-section-carousel-arrow-background-color) |
| List Section | List Section Carousel Arrow Color | var(--list-section-carousel-arrow-color) |
| List Section | List Section Carousel Title Color | var(--list-section-carousel-title-color) |
| List Section | List Section Carousel Description Color | var(--list-section-carousel-description-color) |
| List Section | List Section Carousel Card Title Color | var(--list-section-carousel-card-title-color) |
| List Section | List Section Carousel Card Description Color | var(--list-section-carousel-card-description-color) |
| List Section | List Section Carousel Card Description Link Color | var(--list-section-carousel-card-description-link-color) |
| List Section | List Section Carousel Card Button Background Color | var(--list-section-carousel-card-button-background-color) |
| List Section | List Section Carousel Card Button Text Color | var(--list-section-carousel-card-button-text-color) |
| List Section | List Section Carousel Card Color | var(--list-section-carousel-card-color) |
| Main Navigation | Header Border Color | var(--headerBorderColor) |
| Main Navigation | Solid Header Background Color | var(--solidHeaderBackgroundColor) |
| Main Navigation | Solid Header Border Color | var(--solidHeaderBorderColor) |
| Main Navigation | Gradient Header Background Color | var(--gradientHeaderBackgroundColor) |
| Main Navigation | Gradient Header Border Color | var(--gradientHeaderBorderColor) |
| Main Navigation | Header Drop Shadow Color | var(--headerDropShadowColor) |
| Main Navigation | Solid Header Drop Shadow Color | var(--solidHeaderDropShadowColor) |
| Main Navigation | Gradient Header Drop Shadow Color | var(--gradientHeaderDropShadowColor) |
| Main Navigation | Announcement Bar Background Color | var(--announcement-bar-background-color) |
| Main Navigation | Announcement Bar Text Color | var(--announcement-bar-text-color) |
| Main Navigation | Navigation Link Color | var(--navigationLinkColor) |
| Main Navigation | Solid Header Navigation Color | var(--solidHeaderNavigationColor) |
| Main Navigation | Gradient Header Navigation Color | var(--gradientHeaderNavigationColor) |
| Main Navigation | Site Title Color | var(--siteTitleColor) |
| Marquee Block | Marquee Block Background Color | var(--tweak-marquee-block-background-color) |
| Marquee Block | Marquee Block Heading Color | var(--tweak-marquee-block-heading-color) |
| Marquee Block | Marquee Block Heading Color on Background | var(--tweak-marquee-block-heading-color-on-background) |
| Marquee Block | Marquee Block Paragraph Color | var(--tweak-marquee-block-paragraph-color) |
| Marquee Block | Marquee Block Paragraph Color on Background | var(--tweak-marquee-block-paragraph-color-on-background) |
| Marquee Block | Marquee Block Stroke Color | var(--tweak-marquee-block-stroke-color) |
| Menu Block | Menu Block Title Color | var(--tweak-menu-block-title-color) |
| Menu Block | Menu Block Nav Color | var(--tweak-menu-block-nav-color) |
| Menu Block | Menu Block Item Title Color | var(--tweak-menu-block-item-title-color) |
| Menu Block | Menu Block Item Price Color | var(--tweak-menu-block-item-price-color) |
| Menu Block | Menu Block Item Description Color | var(--tweak-menu-block-item-description-color) |
| Menu Overlay | Menu Overlay Background Color | var(--menuOverlayBackgroundColor) |
| Menu Overlay | Menu Overlay Button Background Color | var(--menuOverlayButtonBackgroundColor) |
| Menu Overlay | Menu Overlay Button Text Color | var(--menuOverlayButtonTextColor) |
| Menu Overlay | Menu Overlay Navigation Link Color | var(--menuOverlayNavigationLinkColor) |
| Newsletter Block | Newsletter Block Background Color | var(--tweak-newsletter-block-background-color) |
| Newsletter Block | Newsletter Block Title Color | var(--tweak-newsletter-block-title-color) |
| Newsletter Block | Newsletter Block Title Color on Background | var(--tweak-newsletter-block-title-color-on-background) |
| Newsletter Block | Newsletter Block Description Color | var(--tweak-newsletter-block-description-color) |
| Newsletter Block | Newsletter Block Description Color on Background | var(--tweak-newsletter-block-description-color-on-background) |
| Newsletter Block | Newsletter Block Button Background Color | var(--tweak-newsletter-block-button-background-color) |
| Newsletter Block | Newsletter Block Button Background Color on Background | var(--tweak-newsletter-block-button-background-color-on-background) |
| Newsletter Block | Newsletter Block Button Text Color | var(--tweak-newsletter-block-button-text-color) |
| Newsletter Block | Newsletter Block Button Text Color on Background | var(--tweak-newsletter-block-button-text-color-on-background) |
| Newsletter Block | Newsletter Block Footnote Color | var(--tweak-newsletter-block-footnote-color) |
| Newsletter Block | Newsletter Block Footnote Color on Background | var(--tweak-newsletter-block-footnote-color-on-background) |
| Newsletter Block | Newsletter Block Stroke Color | var(--tweak-newsletter-block-stroke-color) |
| Paragraphs | Paragraph Large Color | var(--paragraphLargeColor) |
| Paragraphs | Paragraph Medium Color | var(--paragraphMediumColor) |
| Paragraphs | Paragraph Small Color | var(--paragraphSmallColor) |
| Paragraphs | Paragraph Link Color | var(--paragraphLinkColor) |
| Portfolio | Portfolio Grid Basic Title Color | var(--portfolio-grid-basic-title-color) |
| Portfolio | Portfolio Grid Overlay Title Color | var(--portfolio-grid-overlay-title-color) |
| Portfolio | Portfolio Grid Overlay Overlay Color | var(--portfolio-grid-overlay-overlay-color) |
| Portfolio | Portfolio Index Background Title Color | var(--portfolio-index-background-title-color) |
| Portfolio | Portfolio Hover Static Title Color | var(--portfolio-hover-static-title-color) |
| Portfolio | Portfolio Hover Follow Title Color | var(--portfolio-hover-follow-title-color) |
| Portfolio Item Pagination | Portfolio Item Pagination Title Color | var(--tweak-portfolio-item-pagination-title-color) |
| Portfolio Item Pagination | Portfolio Item Pagination Icon Color | var(--tweak-portfolio-item-pagination-icon-color) |
| Portfolio Item Pagination | Portfolio Item Pagination Meta Color | var(--tweak-portfolio-item-pagination-meta-color) |
| Product | Product Basic Item Title Color | var(--tweak-product-basic-item-title-color) |
| Product | Product Basic Item Price Color | var(--tweak-product-basic-item-price-color) |
| Product | Product Basic Item Sale Price Color | var(--tweak-product-basic-item-sale-price-color) |
| Product | Product Basic Item Scarcity Color | var(--tweak-product-basic-item-scarcity-color) |
| Product | Product Basic Item Description Color | var(--tweak-product-basic-item-description-color) |
| Product | Product Basic Item Variant Fields Color | var(--tweak-product-basic-item-variant-fields-color) |
| Product | Product Basic Item Breadcrumb Nav Color | var(--tweak-product-basic-item-breadcumb-nav-color) |
| Product Detail & Subscriptions | Product Quick View Button Color | var(--tweak-product-quick-view-button-color) |
| Product Detail & Subscriptions | Product Quick View Lightbox Overlay Color | var(--tweak-product-quick-view-lightbox-overlay-color) |
| Product Detail & Subscriptions | Product Quick View Lightbox Controls Color | var(--tweak-product-quick-view-lightbox-controls-color) |
| Product Detail & Subscriptions | Product Detail One-Time Purchase Price Text Color | var(--product-detail-one-time-purchase-price-text-color) |
| Product Detail & Subscriptions | Product Detail Subscription Price Text Color | var(--product-detail-subscription-price-text-color) |
| Product Detail & Subscriptions | Product Detail Subscriptions Frequency Text Color | var(--product-detail-subscriptions-frequency-text-color) |
| Product Detail & Subscriptions | Product Detail Subscriptions Description Text Color | var(--product-detail-subscriptions-description-text-color) |
| Product Detail & Subscriptions | Product Detail Subscriptions Title Color | var(--product-detail-subscriptions-title-color) |
| Product Detail & Subscriptions | Product Detail Subscriptions Button Background Color | var(--product-detail-subscriptions-button-background-color) |
| Product Detail & Subscriptions | Product Detail Subscriptions Button Text Color | var(--product-detail-subscriptions-button-text-color) |
| Product Grid | Product Grid Text-Below List Category Nav Color | var(--tweak-product-grid-text-below-list-category-nav-color) |
| Product Grid | Product Grid Text-Below List Title Color | var(--tweak-product-grid-text-below-list-title-color) |
| Product Grid | Product Grid Text-Below List Price Color | var(--tweak-product-grid-text-below-list-price-color) |
| Product Grid | Product Grid Text-Below List Sale Price Color | var(--tweak-product-grid-text-below-list-sale-price-color) |
| Product Grid | Product Grid Text-Below List Status Color | var(--tweak-product-grid-text-below-list-status-color) |
| Product Grid | Product Grid Text-Below List Scarcity Color | var(--tweak-product-grid-text-below-list-scarcity-color) |
| Product Grid | Product Grid Text-Below List Pagination Color | var(--tweak-product-grid-text-below-list-pagination-color) |
| Quote Block | Quote Block Background Color | var(--tweak-quote-block-background-color) |
| Quote Block | Quote Block Text Color | var(--tweak-quote-block-text-color) |
| Quote Block | Quote Block Text Color on Background | var(--tweak-quote-block-text-color-on-background) |
| Quote Block | Quote Block Source Color | var(--tweak-quote-block-source-color) |
| Quote Block | Quote Block Source Color on Background | var(--tweak-quote-block-source-color-on-background) |
| Quote Block | Quote Block Stroke Color | var(--tweak-quote-block-stroke-color) |
| Section Background | Section Background Color | var(--siteBackgroundColor) |
| Section Background | Background Overlay Color | var(--backgroundOverlayColor) |
| Section Background | Section Divider Stroke Color | var(--section-divider-stroke-color) |
| Section Background | Section Inset Border Color | var(--section-inset-border-color) |
| Shape Block | Shape Block Background Color | var(--shape-block-background-color) |
| Shape Block | Shape Block Dropshadow Color | var(--shape-block-dropshadow-color) |
| Shape Block | Shape Block Stroke Color | var(--shape-block-stroke-color) |
| Social Links Block | Social Links Block Main Icon Color | var(--social-links-block-main-icon-color) |
| Social Links Block | Social Links Block Secondary Icon Color | var(--social-links-block-secondary-icon-color) |
| Summary Block | Summary Block Background Color | var(--tweak-summary-block-background-color) |
| Summary Block | Summary Block Title Color | var(--tweak-summary-block-title-color) |
| Summary Block | Summary Block Excerpt Color | var(--tweak-summary-block-excerpt-color) |
| Summary Block | Summary Block Read More Color | var(--tweak-summary-block-read-more-color) |
| Summary Block | Summary Block Primary Metadata Color | var(--tweak-summary-block-primary-metadata-color) |
| Summary Block | Summary Block Secondary Metadata Color | var(--tweak-summary-block-secondary-metadata-color) |
| Summary Block | Summary Block Header Text Color | var(--tweak-summary-block-header-text-color) |
| Summary Block | Summary Block Stroke Color | var(--tweak-summary-block-stroke-color) |
| Summary Block | Summary Block Read More Color on Background | var(--tweak-summary-block-read-more-color-on-background) |
| Text Block | Text Block Background Color | var(--tweak-text-block-background-color) |
| Text Block | Text Block Stroke Color | var(--tweak-text-block-stroke-color) |
| Text Block | Text Highlight Color | var(--text-highlight-color) |
| Text Block | Text Highlight Color on Background | var(--text-highlight-color-on-background) |
| Video | Video Item Title Color | var(--tweak-video-item-title-color) |
| Video | Video Item Pagination Title Color | var(--tweak-video-item-pagination-title-color) |
| Video | Video Item Pagination Icon Color | var(--tweak-video-item-pagination-icon-color) |
| Video | Video Item Meta Color | var(--tweak-video-item-meta-color) |
| Video | Video Item Description Color | var(--tweak-video-item-description-color) |
| Video | Video Grid Basic Title Color | var(--video-grid-basic-title-color) |
| Video | Video Grid Basic Description Color | var(--video-grid-basic-description-color) |
| Video | Video Grid Basic Meta Color | var(--video-grid-basic-meta-color) |
| Video | Video Grid Category Nav Color | var(--video-grid-category-nav-color) |
| Video | Video Preview Badge Background Color | var(--video-preview-badge-background-color) |
| Video | Video Preview Badge Font Color | var(--video-preview-badge-font-color) |