Universal Theme 2 Demo Variables

Universal Theme 2 Demo Variables

Total variables detected in Demo.css: 7


This document outlines a list of CSS variables detected in various Universal Theme production files, and their values across various selectors. Each variable is labeled with a prefix, followed by the component name, and the corresponding CSS property for the variable:

--{prefix}-{component-name}-{css-property}

The following variable prefixes are interpreted as follows:

Variable Prefix Description
--ut, --u Variables used across Universal Theme 2 components.
--a Variables imported from App UI.
--oj Variables used in Oracle JavaScript Extension Toolkit components (JET).
--jui Variables used in jQuery components.
--fc, --fc3 Variables used in Full Calendar components (v3 & v5).
--rw Variables used in Redwood components.

--a-base-font-weight-bold

Selector Value Color
.class-var 700
h2.demo-title-h2 700
.dm-Home .dm-Logo 700
.dm-Home .dm-Hero > h1 700
.dm-IconDialog-infoTitle 700
.t-Region-body > h2 700
.dm-TO-options.is-default .dm-TO-option 700

--ut-body-main-background-color

Selector Value Color
.dm-Home transparent

--ut-palette-primary

Selector Value Color
.dm-Home #0572CE
.js-event-icon #3170C8

--ut-body-main-content-background-color

Selector Value Color
.dm-Home .t-Body-mainContent transparent

--a-base-font-weight-semibold

Selector Value Color
.dm-Home .t-Card-title 500
.dm-Instructions-title 500
.dm-Search-title 500

--ut-comonent-border-radius

Selector Value Color
.touch-region .anim-icon 2px

--ut-palette-primary-contrast

Selector Value Color
.js-event-icon #FFF