Universal Theme 2 Vita-Dark Variables

Universal Theme 2 Vita-Dark Variables

Total variables detected in Vita-Dark.css: 547


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.

--ut-palette-primary

Selector Value Color
:root #0076df

--ut-palette-primary-contrast

Selector Value Color
:root white

--ut-palette-primary-shade

Selector Value Color
:root #000c16

--ut-palette-primary-text

Selector Value Color
:root var(--a-palette-primary)

--ut-link-text-color

Selector Value Color
:root #41a5ff

--ut-focus-outline-color

Selector Value Color
:root #0076df

--ut-component-border-radius

Selector Value Color
:root 2px

--ut-body-background-color

Selector Value Color
:root #2b3035

--ut-body-text-color

Selector Value Color
:root white

--ut-body-actions-background-color

Selector Value Color
:root #2e3439

--ut-body-actions-text-color

Selector Value Color
:root white

--ut-body-actionstoggle-background-color

Selector Value Color
:root #2e3439

--ut-body-actionstoggle-hover-background-color

Selector Value Color
:root #454e55

--ut-body-title-background-color

Selector Value Color
:root #32383d

--ut-body-title-text-color

Selector Value Color
:root white

--ut-header-background-color

Selector Value Color
:root #0076df

--ut-header-text-color

Selector Value Color
:root white

--ut-body-sidebar-background-color

Selector Value Color
:root #363d43

--ut-body-sidebar-text-color

Selector Value Color
:root white

--ut-body-nav-background-color

Selector Value Color
:root #333d46

--ut-body-nav-text-color

Selector Value Color
:root white

--ut-navtabs-background-color

Selector Value Color
:root #333d46

--ut-navtabs-text-color

Selector Value Color
:root white

--ut-navtabs-item-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--ut-navtabs-item-active-background-color

Selector Value Color
:root #1e2328

--ut-navtabs-item-hover-background-color

Selector Value Color
:root var(--ut-navtabs-item-active-background-color)

--ut-header-menubar-background-color

Selector Value Color
:root #333d46

--ut-header-menubar-item-text-color

Selector Value Color
:root white

--ut-header-menubar-item-current-background-color

Selector Value Color
:root #1e2328

--ut-header-menubar-item-current-text-color

Selector Value Color
:root white

--ut-header-menubar-item-hover-background-color

Selector Value Color
:root var(--ut-header-menubar-item-current-background-color)

--ut-header-menubar-item-hover-text-color

Selector Value Color
:root var(--ut-header-menubar-item-current-text-color)

--ut-header-menubar-item-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--ut-header-menubar-item-split-icon-color

Selector Value Color
:root white

--ut-header-menubar-item-split-border-color

Selector Value Color
:root rgba(0, 0, 0, 0.1)

--a-treeview-node-selected-background-color

Selector Value Color
:root #1e2328

--a-treeview-node-selected-text-color

Selector Value Color
:root white

--a-treeview-node-selected-icon-color

Selector Value Color
:root white

--a-treeview-node-icon-color

Selector Value Color
:root inherit

--ut-treeview-badge-background-color

Selector Value Color
:root #0076df

--ut-treeview-badge-text-color

Selector Value Color
:root white

--a-menu-background-color

Selector Value Color
:root #222629

--a-menu-text-color

Selector Value Color
:root #fefefe

--a-menu-default-text-color

Selector Value Color
:root var(--a-menu-text-color)

--a-menu-accel-text-color

Selector Value Color
:root var(--a-menu-text-color)

--a-menu-focused-background-color

Selector Value Color
:root #0076df
.t-MegaMenu transparent

--a-menu-focused-text-color

Selector Value Color
:root white
.t-MegaMenu initial

--a-menu-focused-accel-text-color

Selector Value Color
:root var(--a-menu-focused-text-color)

--ut-region-header-background-color

Selector Value Color
:root #191c1e

--ut-region-header-text-color

Selector Value Color
:root #f4f4f4

--ut-region-background-color

Selector Value Color
:root #222629

--ut-region-text-color

Selector Value Color
:root #fefefe

--ut-component-background-color

Selector Value Color
:root #222629

--ut-wizard-header-background-color

Selector Value Color
:root #262b2f

--ut-report-cell-border-color

Selector Value Color
:root #393f45

--ut-report-cell-hover-background-color

Selector Value Color
:root #262b2f

--ut-palette-primary-alt

Selector Value Color
:root #acd8ff

--ut-palette-primary-alt-contrast

Selector Value Color
:root #00182d

--ut-palette-primary-alt-shade

Selector Value Color
:root #090b0d

--ut-palette-primary-alt-text

Selector Value Color
:root #567ea3

--ut-palette-success

Selector Value Color
:root #388729

--ut-palette-success-contrast

Selector Value Color
:root #FFF

--ut-palette-success-shade

Selector Value Color
:root #0c1e09

--ut-palette-success-text

Selector Value Color
:root #557d4e

--ut-palette-info

Selector Value Color
:root #006BD8

--ut-palette-info-contrast

Selector Value Color
:root #FFF

--ut-palette-info-shade

Selector Value Color
:root #001830

--ut-palette-info-text

Selector Value Color
:root #4075ac

--ut-palette-warning

Selector Value Color
:root #FBCE4A

--ut-palette-warning-contrast

Selector Value Color
:root #000

--ut-palette-warning-shade

Selector Value Color
:root #372d10

--ut-palette-warning-text

Selector Value Color
:root #8a7432

--ut-palette-danger

Selector Value Color
:root #EE0701

--ut-palette-danger-contrast

Selector Value Color
:root #FFF

--ut-palette-danger-shade

Selector Value Color
:root #340200

--ut-palette-danger-text

Selector Value Color
:root #b74340

--u-color-1

Selector Value Color
:root #309FDB

--u-color-1-contrast

Selector Value Color
:root white

--u-color-2

Selector Value Color
:root #13B6CF

--u-color-2-contrast

Selector Value Color
:root #e4f9fd

--u-color-3

Selector Value Color
:root #2EBFBC

--u-color-3-contrast

Selector Value Color
:root #f0fcfb

--u-color-4

Selector Value Color
:root #3CAF85

--u-color-4-contrast

Selector Value Color
:root #f0faf6

--u-color-5

Selector Value Color
:root #81BB5F

--u-color-5-contrast

Selector Value Color
:root white

--u-color-6

Selector Value Color
:root #DDDE53

--u-color-6-contrast

Selector Value Color
:root #2a2a08

--u-color-7

Selector Value Color
:root #FBCE4A

--u-color-7-contrast

Selector Value Color
:root #443302

--u-color-8

Selector Value Color
:root #ED813E

--u-color-8-contrast

Selector Value Color
:root white

--u-color-9

Selector Value Color
:root #E95B54

--u-color-9-contrast

Selector Value Color
:root white

--u-color-10

Selector Value Color
:root #E85D88

--u-color-10-contrast

Selector Value Color
:root white

--u-color-11

Selector Value Color
:root #CA589D

--u-color-11-contrast

Selector Value Color
:root white

--u-color-12

Selector Value Color
:root #854E9B

--u-color-12-contrast

Selector Value Color
:root #f6f0f8

--u-color-13

Selector Value Color
:root #5A68AD

--u-color-13-contrast

Selector Value Color
:root white

--u-color-14

Selector Value Color
:root #AFBAC5

--u-color-14-contrast

Selector Value Color
:root #313b44

--u-color-15

Selector Value Color
:root #6E8598

--u-color-15-contrast

Selector Value Color
:root white

--u-color-16

Selector Value Color
:root #59b2e2

--u-color-16-contrast

Selector Value Color
:root white

--u-color-17

Selector Value Color
:root #42c5d9

--u-color-17-contrast

Selector Value Color
:root #051517

--u-color-18

Selector Value Color
:root #58ccc9

--u-color-18-contrast

Selector Value Color
:root #091c1c

--u-color-19

Selector Value Color
:root #63bf9d

--u-color-19-contrast

Selector Value Color
:root white

--u-color-20

Selector Value Color
:root #9ac97f

--u-color-20-contrast

Selector Value Color
:root #203316

--u-color-21

Selector Value Color
:root #e4e575

--u-color-21-contrast

Selector Value Color
:root #4c4d0e

--u-color-22

Selector Value Color
:root #fcd86e

--u-color-22-contrast

Selector Value Color
:root #694f02

--u-color-23

Selector Value Color
:root #f19a65

--u-color-23-contrast

Selector Value Color
:root white

--u-color-24

Selector Value Color
:root #ed7c76

--u-color-24-contrast

Selector Value Color
:root white

--u-color-25

Selector Value Color
:root #ed7da0

--u-color-25-contrast

Selector Value Color
:root white

--u-color-26

Selector Value Color
:root #d579b1

--u-color-26-contrast

Selector Value Color
:root white

--u-color-27

Selector Value Color
:root #9d71af

--u-color-27-contrast

Selector Value Color
:root white

--u-color-28

Selector Value Color
:root #7b86bd

--u-color-28-contrast

Selector Value Color
:root white

--u-color-29

Selector Value Color
:root #bfc8d1

--u-color-29-contrast

Selector Value Color
:root #3d4954

--u-color-30

Selector Value Color
:root #8b9dad

--u-color-30-contrast

Selector Value Color
:root white

--u-color-31

Selector Value Color
:root #198cca

--u-color-31-contrast

Selector Value Color
:root #e6f4fc

--u-color-32

Selector Value Color
:root #02a5be

--u-color-32-contrast

Selector Value Color
:root #c1f6fe

--u-color-33

Selector Value Color
:root #18b1ae

--u-color-33-contrast

Selector Value Color
:root #cff9f8

--u-color-34

Selector Value Color
:root #24a475

--u-color-34-contrast

Selector Value Color
:root #d2f5e8

--u-color-35

Selector Value Color
:root #6aad42

--u-color-35-contrast

Selector Value Color
:root #f6fbf3

--u-color-36

Selector Value Color
:root #c9ca39

--u-color-36-contrast

Selector Value Color
:root #030301

--u-color-37

Selector Value Color
:root #d9b13c

--u-color-37-contrast

Selector Value Color
:root #120f04

--u-color-38

Selector Value Color
:root #d76a27

--u-color-38-contrast

Selector Value Color
:root #fffefe

--u-color-39

Selector Value Color
:root #d2423b

--u-color-39-contrast

Selector Value Color
:root white

--u-color-40

Selector Value Color
:root #d1436f

--u-color-40-contrast

Selector Value Color
:root white

--u-color-41

Selector Value Color
:root #ba3d88

--u-color-41-contrast

Selector Value Color
:root #fdf9fb

--u-color-42

Selector Value Color
:root #773393

--u-color-42-contrast

Selector Value Color
:root #e8d5f0

--u-color-43

Selector Value Color
:root #3d4ea3

--u-color-43-contrast

Selector Value Color
:root #e8ebf7

--u-color-44

Selector Value Color
:root #8c9eb0

--u-color-44-contrast

Selector Value Color
:root white

--u-color-45

Selector Value Color
:root #4e7391

--u-color-45-contrast

Selector Value Color
:root #eaf0f4

--a-button-border-radius

Selector Value Color
:root 2px

--a-button-background-color

Selector Value Color
:root #4c4e50
.t-Button--header transparent
.t-Button--header.is-active rgba(0, 0, 0, .25)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label #0076df
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple transparent
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link transparent
.t-Button--warning #FBCE4A
.t-Button--warning.t-Button--simple transparent
.t-Button--warning.t-Button--link transparent
.t-Button--success #388729
.t-Button--success.t-Button--simple transparent
.t-Button--success.t-Button--link transparent
.ui-button--danger, .t-Button--danger #EE0701
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple transparent
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link transparent
.t-Button--primary #acd8ff
.t-Button--primary.t-Button--simple transparent
.t-Button--primary.t-Button--link transparent
.a-IG-button.a-IG-button--controls, .a-IRR-button.a-IRR-button--controls var(--a-button-background-color)

--a-button-text-color

Selector Value Color
:root white
.t-Button--header initial
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label white
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple #407baf
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link #407baf
.t-Button--hot.t-Button--noUI, .t-Button--hot.a-Button--noUI, .a-Button--hot.t-Button--noUI, .a-Button--hot.a-Button--noUI, .ui-button--hot.t-Button--noUI, .ui-button--hot.a-Button--noUI, .a-CardView-button--hot.t-Button--noUI, .a-CardView-button--hot.a-Button--noUI, .apex-button-group input:checked + label.t-Button--noUI, .apex-button-group input:checked + label.a-Button--noUI, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--noUI, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.a-Button--noUI #407baf
.t-Button--warning #000
.t-Button--warning.t-Button--simple #8a7432
.t-Button--warning.t-Button--link #8a7432
.t-Button--warning.t-Button--noUI, .t-Button--warning.a-Button--noUI #8a7432
.t-Button--success #FFF
.t-Button--success.t-Button--simple #557d4e
.t-Button--success.t-Button--link #557d4e
.t-Button--success.t-Button--noUI, .t-Button--success.a-Button--noUI #557d4e
.ui-button--danger, .t-Button--danger #FFF
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple #b74340
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link #b74340
.ui-button--danger.t-Button--noUI, .ui-button--danger.a-Button--noUI, .t-Button--danger.t-Button--noUI, .t-Button--danger.a-Button--noUI #b74340
.t-Button--primary #00182d
.t-Button--primary.t-Button--simple var(--ut-palette-primary-alt-text)
.t-Button--primary.t-Button--link var(--ut-palette-primary-alt-text)
.t-Button--primary.t-Button--noUI, .t-Button--primary.a-Button--noUI var(--ut-palette-primary-alt-text)
.t-Form-helpButton var(--ut-component-text-muted-color)

--ut-field-label-text-color

Selector Value Color
:root #fefefe

--a-field-input-border-radius

Selector Value Color
:root 2px

--a-filedrop-border-radius

Selector Value Color
:root 2px

--a-field-input-background-color

Selector Value Color
:root #282c30

--a-field-input-text-color

Selector Value Color
:root white

--a-field-input-border-color

Selector Value Color
:root #3e464c

--a-field-input-hover-background-color

Selector Value Color
:root #1c1f22

--a-field-input-focus-background-color

Selector Value Color
:root #111314

--a-field-input-focus-border-color

Selector Value Color
:root #0076df

--ut-field-input-focus-icon-color

Selector Value Color
:root #0076df

--ut-field-fl-input-focus-icon-background-color

Selector Value Color
:root #0076df

--ut-field-fl-input-focus-icon-color

Selector Value Color
:root white

--a-checkbox-background-color

Selector Value Color
:root #282c30

--a-checkbox-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.15)

--a-checkbox-text-color

Selector Value Color
:root white

--a-checkbox-checked-background-color

Selector Value Color
:root #0076df

--a-checkbox-checked-text-color

Selector Value Color
:root white

--a-checkbox-hover-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--a-gv-background-color

Selector Value Color
:root #222629

--a-gv-cell-border-color

Selector Value Color
:root #383b3f

--a-gv-header-cell-border-color

Selector Value Color
:root #393f45

--a-report-controls-cell-label-text-color

Selector Value Color
:root #fefefe

--a-report-controls-cell-label-background-color

Selector Value Color
:root #222629

--ut-header-height

Selector Value Color
:root 48px

--ut-nav-width

Selector Value Color
:root 240px

--ut-body-actions-width

Selector Value Color
:root 200px

--ut-body-sidebar-width

Selector Value Color
:root 240px

--ut-body-content-max-width

Selector Value Color
:root 100%

--a-button-gap-x

Selector Value Color
:root 4px

--a-cv-badge-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.15)
.has-media--background rgba(255, 255, 255, .25)

--a-checkbox-icon-character

Selector Value Color
:root "\e007"

--a-checkbox-label-spacing-x

Selector Value Color
:root 6px

--a-dev-toolbar-backdrop-filter

Selector Value Color
:root none

--a-fs-control-seperator-border-width

Selector Value Color
:root var(--ut-component-border-width, 1px)

--a-fs-control-seperator-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-fs-filter-group-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-fs-filter-group-border-width

Selector Value Color
:root var(--ut-component-border-width, 1px)

--a-fs-filter-group-label-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-fs-chart-border-width

Selector Value Color
:root var(--ut-region-border-width, var(--ut-component-border-width, 1px))

--a-fs-chart-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--a-fs-chart-border-radius

Selector Value Color
:root var(--ut-region-border-radius, var(--ut-component-border-radius))

--a-filedrop-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-filedrop-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-filedrop-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-filedrop-heading-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--a-gv-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-gv-row-hover-background-color

Selector Value Color
:root #060606

--a-gv-inserted-background-color

Selector Value Color
:root var(--a-palette-success-shade)

--a-gv-deleted-background-color

Selector Value Color
:root #0d0d0d

--a-gv-grandtotal-background-color

Selector Value Color
:root #1a1a1a

--a-gv-updated-background-color

Selector Value Color
:root var(--a-palette-info-shade)

--a-gv-pagination-button-background-color

Selector Value Color
:root transparent

--a-gv-pagination-button-text-color

Selector Value Color
:root var(--a-button-text-color)

--a-gv-pagination-button-hover-background-color

Selector Value Color
:root var(--a-button-hover-background-color)

--a-gv-pagination-button-hover-text-color

Selector Value Color
:root var(--a-button-hover-text-color)

--a-gv-nodata-message-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-help-dialog-code-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--a-mdeditor-background-color

Selector Value Color
:root var(--a-field-input-background-color)

--a-mdeditor-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-mdeditor-border-width

Selector Value Color
:root var(--a-field-input-border-width)

--a-mdeditor-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-menu-sep-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-menu-callout-border-radius

Selector Value Color
:root 0px

--a-menu-callout-shadow

Selector Value Color
:root 0 0 4px 0 rgba(0, 0, 0, 0.1)

--a-percent-chart-background-color

Selector Value Color
:root var(--ut-palette-primary-shade)

--a-percent-chart-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-percent-chart-bar-background-color

Selector Value Color
:root var(--ut-palette-primary)

--a-percent-chart-bar-text-color

Selector Value Color
:root var(--ut-palette-primary-contrast)

--a-percent-chart-bar-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-border-width

Selector Value Color
:root var(--ut-component-border-width)

--a-report-controls-cell-label-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-report-controls-cell-label-border-width

Selector Value Color
:root var(--ut-component-border-width)

--a-report-controls-input-border-width

Selector Value Color
:root var(--a-field-input-border-width)

--a-report-controls-input-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--a-report-controls-input-border-radius

Selector Value Color
:root var(--a-field-input-border-radius)

--a-report-controls-input-focus-border-color

Selector Value Color
:root var(--a-field-input-focus-border-color)

--a-starrating-stars-bg-color

Selector Value Color
:root rgba(255, 255, 255, 0.15)

--a-switch-hover-background-color

Selector Value Color
:root var(--a-switch-background-color)

--a-switch-active-background-color

Selector Value Color
:root var(--a-switch-hover-background-color)

--a-switch-checked-hover-background-color

Selector Value Color
:root var(--a-switch-checked-background-color)

--a-switch-checked-active-background-color

Selector Value Color
:root var(--a-switch-checked-hover-background-color)

--a-toolbar-background-color

Selector Value Color
:root var(--ut-region-header-background-color)

--a-toolbar-border-width

Selector Value Color
:root var(--ut-component-border-width, 1px)

--a-toolbar-border-color

Selector Value Color
:root var(--ut-component-border-color)

--a-toolbar-sep-border-color

Selector Value Color
:root var(--ut-component-inner-border-color)

--a-treeview-node-text-color

Selector Value Color
:root inherit

--a-love-apex-hover-text-color

Selector Value Color
:root var(--a-palette-danger, #F00)

--jui-dialog-background-color

Selector Value Color
:root var(--ut-region-background-color, var(--ut-component-background-color))

--jui-dialog-text-color

Selector Value Color
:root var(--ut-region-text-color, var(--ut-component-text-default-color))

--jui-dialog-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-border-width

Selector Value Color
:root 0

--jui-dialog-border-radius

Selector Value Color
:root var(--ut-region-border-radius, var(--ut-component-border-radius))

--jui-dialog-shadow

Selector Value Color
:root var(--ut-shadow-lg), 0 0 0 1px var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-font-size

Selector Value Color
:root 12px

--jui-dialog-titlebar-background-color

Selector Value Color
:root transparent

--jui-dialog-titlebar-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--jui-dialog-titlebar-border-width

Selector Value Color
:root var(--ut-region-border-width, var(--ut-component-border-width, 1px))

--jui-dialog-titlebar-border-color

Selector Value Color
:root var(--ut-region-border-color, var(--ut-component-border-color))

--jui-dialog-title-close-border-radius

Selector Value Color
:root var(--a-button-border-radius, 2px)

--jui-dialog-title-close-border-color

Selector Value Color
:root var(--a-button-border-color)

--jui-dialog-content-padding-y

Selector Value Color
:root 0px

--jui-dialog-content-padding-x

Selector Value Color
:root 0px

--jui-dialog-buttonpane-border-color

Selector Value Color
:root var(--ut-component-border-color)

--jui-datepicker-background-color

Selector Value Color
:root var(--ut-component-background-color)

--jui-datepicker-border-color

Selector Value Color
:root var(--ut-component-border-color)

--ut-color-scheme

Selector Value Color
:root dark

--ut-palette-generic

Selector Value Color
:root #0d0d0d

--ut-palette-generic-contrast

Selector Value Color
:root #fff

--ut-palette-generic-shade

Selector Value Color
:root #060606

--ut-palette-generic-text

Selector Value Color
:root #fff

--a-gv-header-background-color

Selector Value Color
:root var(--ut-region-header-background-color)

--ut-report-cell-alt-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--ut-report-header-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.025)

--ut-navtabs-item-border-width

Selector Value Color
:root 1px

--ut-navtabs-item-highlight-color

Selector Value Color
:root transparent

--ut-navtabs-item-highlight-width

Selector Value Color
:root 0px

--ut-navtabs-item-active-highlight-color

Selector Value Color
:root var(--ut-palette-primary)

--ut-navbar-button-badge-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.3)

--ut-navbar-button-badge-border-radius

Selector Value Color
:root 16px

--ut-body-nav-border-color

Selector Value Color
:root var(--ut-component-border-color)

--ut-body-title-border-width

Selector Value Color
:root 0px

--ut-body-title-box-shadow

Selector Value Color
:root 0 1px 0 0 rgba(255, 255, 255, 0.15)

--ut-body-title-backdrop-filter

Selector Value Color
:root saturate(180%) blur(8px)

--ut-region-border-width

Selector Value Color
:root 1px

--ut-region-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-region-header-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.075)

--ut-button-region-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-login-page-background-color

Selector Value Color
:root #1a1a1a

--ut-login-region-background-color

Selector Value Color
:root rgba(0, 0, 0, 0.65)

--ut-login-region-filter

Selector Value Color
:root blur(4px)

--ut-login-region-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--a-fs-toggle-border-color

Selector Value Color
:root var(--a-button-border-color)

--a-fs-toggle-border-width

Selector Value Color
:root var(--a-button-border-width)

--a-fs-toggle-border-radius

Selector Value Color
:root var(--a-button-border-radius)

--a-fs-toggle-text-color

Selector Value Color
:root var(--a-button-text-color)

--a-fs-toggle-background-color

Selector Value Color
:root var(--a-button-background-color)

--a-fs-search-container-border-width

Selector Value Color
:root var(--a-button-border-width)

--a-fs-search-container-border-color

Selector Value Color
:root var(--a-button-border-color)

--mg-ctrl-group-button-text-color

Selector Value Color
:root #000

--mg-popup-content-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--a-map-legend-title-text-color

Selector Value Color
:root var(--ut-component-text-muted-color)

--ut-cardlist-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--ut-tabs-item-text-color

Selector Value Color
:root var(--ut-component-text-default-color)

--ut-tabs-item-active-text-color

Selector Value Color
:root var(--ut-link-text-color)

--ut-tabs-item-hint-highlight-color

Selector Value Color
:root rgba(255, 255, 255, 0.2)

--ut-comment-chat-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--ut-wp-marker-color

Selector Value Color
:root #262626

--ut-wp-track-color

Selector Value Color
:root #262626

--fc-neutral-bg-color

Selector Value Color
:root rgba(255, 255, 255, 0.2)

--fc-neutral-text-color

Selector Value Color
:root #fff

--fc-event-selected-overlay-color

Selector Value Color
:root rgba(255, 255, 255, 0.2)

--fc-non-business-color

Selector Value Color
:root rgba(255, 255, 255, 0.2)

--ut-alternate-heading-font-family

Selector Value Color
:root var(--a-base-font-family-serif)

--ut-alternate-heading-font-weight

Selector Value Color
:root var(--a-base-font-weight-normal)

--ut-component-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.15)

--ut-component-border-width

Selector Value Color
:root 1px

--ut-component-box-shadow

Selector Value Color
:root var(--ut-shadow-lg)

--ut-component-highlight-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.025)

--ut-component-toolbar-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.025)

--ut-component-inner-border-width

Selector Value Color
:root var(--ut-component-border-width)

--ut-component-inner-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--ut-component-text-default-color

Selector Value Color
:root #fff

--ut-component-text-title-color

Selector Value Color
:root #fff

--ut-component-text-subtitle-color

Selector Value Color
:root rgba(255, 255, 255, 0.85)

--ut-component-text-muted-color

Selector Value Color
:root rgba(255, 255, 255, 0.65)

--ut-component-icon-background-color

Selector Value Color
:root var(--ut-palette-primary)

--ut-component-icon-color

Selector Value Color
:root var(--ut-palette-primary-contrast)

--ut-component-badge-background-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--ut-component-badge-text-color

Selector Value Color
:root var(--ut-component-text-default-color)

--ut-component-badge-border-radius

Selector Value Color
:root 4px

--ut-shadow-sm

Selector Value Color
:root 0 2px 4px -2px rgba(0, 0, 0, 0.1)

--ut-shadow-md

Selector Value Color
:root 0 12px 24px -12px rgba(0, 0, 0, 0.3)

--ut-shadow-lg

Selector Value Color
:root 0 24px 48px -24px rgba(0, 0, 0, 0.3)

--a-button-border-color

Selector Value Color
.t-Button--header transparent
:root var(--ut-component-border-color)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple #0076df
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link transparent
.t-Button--warning.t-Button--simple #FBCE4A
.t-Button--warning.t-Button--link transparent
.t-Button--success.t-Button--simple #388729
.t-Button--success.t-Button--link transparent
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple #EE0701
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link transparent
.t-Button--primary.t-Button--simple var(--ut-palette-primary-alt)
.t-Button--primary.t-Button--link transparent

--a-button-shadow

Selector Value Color
.t-Button--header none

--a-button-hover-background-color

Selector Value Color
.t-Button--header rgba(0, 0, 0, .1)
:root #65686a
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label #1390ff
.t-Button--warning #fcdc7c
.t-Button--success #48ae35
.ui-button--danger, .t-Button--danger #fe2924
.t-Button--primary #c6e4ff

--a-button-active-background-color

Selector Value Color
.t-Button--header rgba(0, 0, 0, .15)
:root #1a1a1a
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label #0069c6
.t-Button--warning #fac731
.t-Button--success #307323
.ui-button--danger, .t-Button--danger #d50601
.t-Button--primary #93ccff

--a-button-focus-background-color

Selector Value Color
.t-Button--header var(--a-button-background-color)
:root var(--a-button-hover-background-color)
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-background-color)
.t-Button--warning var(--a-button-hover-background-color)
.t-Button--success var(--a-button-hover-background-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-background-color)
.t-Button--primary var(--a-button-hover-background-color)

--a-button-hover-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.15)

--a-button-hover-shadow

Selector Value Color
:root 0 2px 4px -2px rgba(0, 0, 0, 0.1)

--a-button-active-shadow

Selector Value Color
:root 0 2px 2px -1px rgba(0, 0, 0, 0.15) inset

--a-button-focus-border-color

Selector Value Color
:root var(--ut-palette-primary)

--a-button-type-background-color

Selector Value Color
.t-Button--simple transparent
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active transparent
.t-Form-helpButton transparent

--a-button-type-box-shadow

Selector Value Color
.t-Button--simple none
.t-Form-helpButton none

--a-button-type-shadow

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active none

--a-button-type-border-color

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active transparent
.t-Form-helpButton transparent

--a-button-type-text-color

Selector Value Color
.t-Button--noUI, .t-Button--noUI:hover, .t-Button--noUI:active, .a-Button--noUI, .a-Button--noUI:hover, .a-Button--noUI:active inherit

--a-button-hover-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-text-color)
.t-Button--hot.t-Button--simple, .a-Button--hot.t-Button--simple, .ui-button--hot.t-Button--simple, .a-CardView-button--hot.t-Button--simple, .apex-button-group input:checked + label.t-Button--simple, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--simple white
.t-Button--warning var(--a-button-text-color)
.t-Button--warning.t-Button--simple #000
.t-Button--success var(--a-button-text-color)
.t-Button--success.t-Button--simple #FFF
.ui-button--danger, .t-Button--danger var(--a-button-text-color)
.ui-button--danger.t-Button--simple, .t-Button--danger.t-Button--simple #FFF
.t-Button--primary var(--a-button-text-color)
.t-Button--primary.t-Button--simple #00182d
.t-Form-helpButton var(--ut-component-text-default-color)

--a-button-active-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-text-color)
.t-Button--warning var(--a-button-hover-text-color)
.t-Button--success var(--a-button-hover-text-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-text-color)
.t-Button--primary var(--a-button-hover-text-color)

--a-button-focus-text-color

Selector Value Color
.t-Button--hot, .a-Button--hot, .ui-button--hot, .a-CardView-button--hot, .apex-button-group input:checked + label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label var(--a-button-hover-text-color)
.t-Button--warning var(--a-button-hover-text-color)
.t-Button--success var(--a-button-hover-text-color)
.ui-button--danger, .t-Button--danger var(--a-button-hover-text-color)
.t-Button--primary var(--a-button-hover-text-color)

--a-button-box-shadow

Selector Value Color
.t-Button--hot.t-Button--link, .a-Button--hot.t-Button--link, .ui-button--hot.t-Button--link, .a-CardView-button--hot.t-Button--link, .apex-button-group input:checked + label.t-Button--link, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label.t-Button--link none
.t-Button--warning.t-Button--link none
.t-Button--success.t-Button--link none
.ui-button--danger.t-Button--link, .t-Button--danger.t-Button--link none
.t-Button--primary.t-Button--link none

--a-button-padding-y

Selector Value Color
.t-Form-helpButton 4px
.t-Form--large .t-Form-itemWrapper .a-Button, .t-Form--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form--large .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--large .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--large .apex-item-file--native::-webkit-file-upload-button 8px
.t-Form--xlarge .t-Form-itemWrapper .a-Button, .t-Form--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form--xlarge .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--xlarge .apex-item-file--native::-webkit-file-upload-button 11px

--a-button-padding-x

Selector Value Color
.t-Form-helpButton 4px
.t-Form--large .t-Form-itemWrapper .a-Button, .t-Form--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form--large .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--large .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--large .apex-item-file--native::-webkit-file-upload-button 12px
.t-Form--xlarge .t-Form-itemWrapper .a-Button, .t-Form--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form--xlarge .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--xlarge .apex-item-file--native::-webkit-file-upload-button 12px

--a-cv-item-width

Selector Value Color
:root 304px

--a-cv-focus-outline

Selector Value Color
:root none

--a-cv-border-width

Selector Value Color
:root 1px

--a-cv-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.15)

--a-cv-border-radius

Selector Value Color
:root 3px

--a-cv-background-color

Selector Value Color
:root #222629

--a-cv-shadow

Selector Value Color
:root 0 2px 4px -2px rgba(0, 0, 0, 0.075)

--a-cv-hover-background-color

Selector Value Color
:root var(--a-cv-background-color)

--a-cv-hover-text-color

Selector Value Color
:root var(--a-cv-text-color)

--a-cv-hover-border-color

Selector Value Color
:root var(--a-cv-border-color)

--a-cv-hover-shadow

Selector Value Color
:root 0 4px 8px 0 rgba(0, 0, 0, 0.1)

--a-cv-active-background-color

Selector Value Color
:root var(--a-cv-background-color)

--a-cv-active-text-color

Selector Value Color
:root var(--a-cv-text-color)

--a-cv-active-border-color

Selector Value Color
:root var(--a-cv-border-color)

--a-cv-active-shadow

Selector Value Color
:root var(--a-cv-shadow)

--a-cv-focus-border-color

Selector Value Color
:root #0076df

--a-cv-media-padding-y

Selector Value Color
:root 16px
.has-media--first 0
.has-media--background 0px
.t-CardsRegion--styleA .has-media--body, .t-CardsRegion--styleA .has-media--first 16px
.t-CardsRegion--styleB 0px
.t-CardsRegion--styleC 0px

--a-cv-media-padding-x

Selector Value Color
:root 16px
.has-media--first 0
.has-media--background 0px
.t-CardsRegion--styleA .has-media--body, .t-CardsRegion--styleA .has-media--first 16px
.t-CardsRegion--styleB 0px
.t-CardsRegion--styleC 0px

--a-cv-header-padding-y

Selector Value Color
:root 16px

--a-cv-header-padding-x

Selector Value Color
:root 16px

--a-cv-header-border-width

Selector Value Color
:root 1px
.a-CardView-header:last-child 0px
.t-CardsRegion--styleA 0px
.t-CardsRegion--styleB 0px
.t-CardsRegion--styleC 0px

--a-cv-header-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--a-cv-icon-background-color

Selector Value Color
:root #0076df

--a-cv-icon-text-color

Selector Value Color
:root white

--a-cv-icon-border-radius

Selector Value Color
:root 100%
.t-CardsRegion--styleA 3px
.t-CardsRegion--styleA .has-icon--top 8px
.t-CardsRegion--styleB 4px
.t-CardsRegion--styleB .has-icon--top 4px

--a-cv-icon-size

Selector Value Color
:root 16px
.t-CardsRegion--styleA 20px
.t-CardsRegion--styleA .has-icon--top 48px
.t-CardsRegion--styleB 32px
.t-CardsRegion--styleB .has-icon--top 32px

--a-cv-icon-container-size

Selector Value Color
:root 32px
.t-CardsRegion--styleA 40px
.t-CardsRegion--styleA .has-icon--top 96px
.t-CardsRegion--styleB 64px
.t-CardsRegion--styleB .has-icon--top 112px

--a-cv-icon-padding

Selector Value Color
:root 8px

--a-cv-initials-font-weight

Selector Value Color
:root 700
.t-CardsRegion--styleA 400
.t-CardsRegion--styleB 400

--a-cv-initials-text-color

Selector Value Color
:root white

--a-cv-initials-background-color

Selector Value Color
:root #0076df

--a-cv-subtitle-font-size

Selector Value Color
:root 12px

--a-cv-subtitle-font-weight

Selector Value Color
:root 400

--a-cv-subtitle-line-height

Selector Value Color
:root 16px

--a-cv-subtitle-text-color

Selector Value Color
:root #bfbfbf
.has-media--background rgba(255, 255, 255, .65)

--a-cv-body-padding-x

Selector Value Color
:root 16px

--a-cv-body-padding-y

Selector Value Color
:root 16px

--a-cv-maincontent-font-size

Selector Value Color
:root 14px

--a-cv-maincontent-line-height

Selector Value Color
:root 20px

--a-cv-subcontent-font-size

Selector Value Color
:root 11px

--a-cv-subcontent-line-height

Selector Value Color
:root 16px

--a-cv-subcontent-text-color

Selector Value Color
:root #bfbfbf
.has-media--background rgba(255, 255, 255, .65)

--a-cv-actions-border-width

Selector Value Color
:root 1px
.t-CardsRegion--styleA 0px
.t-CardsRegion--styleB 0px
.t-CardsRegion--styleC 0px

--a-cv-actions-border-color

Selector Value Color
:root rgba(255, 255, 255, 0.1)

--a-cv-actions-padding-y

Selector Value Color
:root 16px

--a-cv-actions-padding-x

Selector Value Color
:root 16px

--a-cv-text-color

Selector Value Color
.has-media--background #fff

--a-cv-overflow

Selector Value Color
.t-CardsRegion--styleA hidden
.t-CardsRegion--styleB hidden
.t-CardsRegion--styleC hidden

--a-cv-media-background-color

Selector Value Color
.t-CardsRegion--styleA rgba(255, 255, 255, 0.025)
.t-CardsRegion--styleB rgba(255, 255, 255, 0.025)
.t-CardsRegion--styleC rgba(255, 255, 255, 0.025)

--a-cv-media-overlay-color

Selector Value Color
.t-CardsRegion--styleA rgba(0, 0, 0, .75)
.t-CardsRegion--styleB rgba(0, 0, 0, .75)
.t-CardsRegion--styleC rgba(0, 0, 0, .75)

--a-cv-header-background-color

Selector Value Color
.t-CardsRegion--styleA unset
.t-CardsRegion--styleB unset
.t-CardsRegion--styleC unset

--a-cv-actions-background-color

Selector Value Color
.t-CardsRegion--styleA unset
.t-CardsRegion--styleB unset
.t-CardsRegion--styleC unset

--a-cv-icon-image-size

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-container-size)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-container-size)
.t-CardsRegion--styleB var(--a-cv-icon-container-size)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-container-size)

--a-cv-icon-image-border-radius

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-border-radius)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-border-radius)

--a-cv-initials-border-radius

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-border-radius)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB var(--a-cv-icon-border-radius)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-border-radius)

--a-cv-initials-size

Selector Value Color
.t-CardsRegion--styleA var(--a-cv-icon-container-size)
.t-CardsRegion--styleA .has-icon--top var(--a-cv-icon-container-size)
.t-CardsRegion--styleB var(--a-cv-icon-container-size)
.t-CardsRegion--styleB .has-icon--top var(--a-cv-icon-container-size)

--a-cv-initials-font-size

Selector Value Color
.t-CardsRegion--styleA 20px
.t-CardsRegion--styleA .has-icon--top 24px
.t-CardsRegion--styleB 32px
.t-CardsRegion--styleB .has-icon--top 32px

--a-cv-badge-padding

Selector Value Color
.t-CardsRegion--styleA 4px 8px
.t-CardsRegion--styleB 4px 12px

--a-cv-badge-border-radius

Selector Value Color
.t-CardsRegion--styleA 20px
.t-CardsRegion--styleB 20px

--a-cv-media-border-radius

Selector Value Color
.t-CardsRegion--styleA .has-media--body, .t-CardsRegion--styleA .has-media--first 3px

--a-cv-title-font-size

Selector Value Color
.t-CardsRegion--styleB 20px

--a-cv-title-line-height

Selector Value Color
.t-CardsRegion--styleB 28px

--a-cv-header-item-spacing-x

Selector Value Color
.t-CardsRegion--styleB .has-icon--start .a-CardView-iconWrap 12px
.t-CardsRegion--styleB .has-icon--end .a-CardView-iconWrap 12px
.t-CardsRegion--styleB .a-CardView-badge:not(:first-child) 12px

--a-cv-icon-spacer

Selector Value Color
.t-CardsRegion--styleC .a-CardView-items--row .a-CardView:not(.has-icon), .t-CardsRegion--styleC .a-CardView-items--row .has-icon--top, .t-CardsRegion--styleC .a-CardView-items--row .has-icon--end 0px

--ut-field-label-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 14px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 16px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 16px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 16px

--ut-field-label-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 8px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 12px

--a-field-input-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 14px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 16px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 16px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 16px

--a-field-input-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 8px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 10px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 10px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 12px

--a-field-input-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 8px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 10px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 12px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 12px

--ut-field-input-icon-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 8px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 8px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 10px

--ut-field-input-icon-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 8px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 12px

--a-checkbox-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 20px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 24px

--a-checkbox-icon-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 18px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 18px

--a-checkbox-label-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 14px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 16px

--a-checkbox-label-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 20px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 24px

--ut-pillbutton-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 8px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 12px

--ut-pillbutton-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 12px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 12px

--ut-pillbutton-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 12px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 14px

--ut-pillbutton-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 16px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 16px

--ut-pillbutton-checkbox-offset

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 6px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 8px

--ut-pillbutton-checkbox-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 16px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 16px

--a-popuplov-chip-margin-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 2px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 2px

--a-popuplov-chip-margin-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 2px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 2px

--a-popuplov-chip-font-size

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 14px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 16px

--a-popuplov-chip-line-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 20px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 24px

--a-popuplov-chip-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 2px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 4px

--a-popuplov-chip-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 6px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 8px

--a-switch-width

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 60px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 76px

--a-switch-padding-y

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 3px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 4px

--a-switch-padding-x

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 3px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 4px

--a-switch-toggle-width

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 26px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 32px

--a-switch-toggle-height

Selector Value Color
.t-Form--large, .t-Form-fieldContainer--large 26px
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 32px

--a-icon-padding

Selector Value Color
.t-Form--large .apex-item-icon, .t-Form--large.apex-item-wrapper--color-picker, .t-Form-fieldContainer--large .apex-item-icon, .t-Form-fieldContainer--large.apex-item-wrapper--color-picker 8px
.t-Form--large.apex-item-wrapper--has-icon, .t-Form-fieldContainer--large.apex-item-wrapper--has-icon 8px
.t-Form--xlarge .apex-item-icon, .t-Form--xlarge.apex-item-wrapper--color-picker, .t-Form-fieldContainer--xlarge .apex-item-icon, .t-Form-fieldContainer--xlarge.apex-item-wrapper--color-picker 8px
.t-Form--xlarge.apex-item-wrapper--has-icon, .t-Form-fieldContainer--xlarge.apex-item-wrapper--has-icon 8px

--a-icon-size

Selector Value Color
.t-Form--large.apex-item-wrapper--color-picker, .t-Form-fieldContainer--large.apex-item-wrapper--color-picker 20px
.t-Form--large .t-Form-itemWrapper .a-Button, .t-Form--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form--large .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--large .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--large .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--large .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--large .apex-item-file--native::-webkit-file-upload-button 16px
.t-Form--xlarge.apex-item-wrapper--color-picker, .t-Form-fieldContainer--xlarge.apex-item-wrapper--color-picker 20px
.t-Form--xlarge .t-Form-itemWrapper .a-Button, .t-Form--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form--xlarge .apex-item-file--native::-webkit-file-upload-button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .a-Button, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .oj-inputdatetime-input-trigger, .t-Form-fieldContainer--xlarge .t-Form-itemWrapper .t-Form-helpButton, .t-Form-fieldContainer--xlarge .apex-item-file--native::-webkit-file-upload-button 16px

--a-item-icon-offset

Selector Value Color
.t-Form--large.apex-item-wrapper--color-picker, .t-Form-fieldContainer--large.apex-item-wrapper--color-picker calc(var(--a-icon-size, 16px) + var(--a-icon-padding))
.t-Form--large.apex-item-wrapper--has-icon, .t-Form-fieldContainer--large.apex-item-wrapper--has-icon calc(var(--a-icon-size, 16px) + var(--a-icon-padding))
.t-Form--xlarge.apex-item-wrapper--color-picker, .t-Form-fieldContainer--xlarge.apex-item-wrapper--color-picker calc(var(--a-icon-size, 16px) + var(--a-icon-padding))
.t-Form--xlarge.apex-item-wrapper--has-icon, .t-Form-fieldContainer--xlarge.apex-item-wrapper--has-icon calc(var(--a-icon-size, 16px) + var(--a-icon-padding))

--a-color-picker-color-only-height

Selector Value Color
.t-Form--large .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--large .apex-item-group--color-picker .a-Button--colorPickerOnly 16px
.t-Form--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly 24px

--a-color-picker-color-only-width

Selector Value Color
.t-Form--large .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--large .apex-item-group--color-picker .a-Button--colorPickerOnly 32px
.t-Form--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly 32px

--a-button-padding

Selector Value Color
.t-Form--large .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--large .apex-item-group--color-picker .a-Button--colorPickerOnly 8px
.t-Form--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly, .t-Form-fieldContainer--xlarge .apex-item-group--color-picker .a-Button--colorPickerOnly 8px

--a-field-input-line-height

Selector Value Color
.t-Form--xlarge, .t-Form-fieldContainer--xlarge 20px

--ut-field-fl-label-line-height

Selector Value Color
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 20px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 22px

--ut-field-fl-label-font-size

Selector Value Color
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--large, .t-Form--large .t-Form-fieldContainer--floatingLabel 12px
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer--xlarge, .t-Form--xlarge .t-Form-fieldContainer--floatingLabel 14px

--ut-focus-outline

Selector Value Color
.t-Header-nav .a-MenuBar-item:focus-within -webkit-focus-ring-color

--a-menubar-item-padding-x

Selector Value Color
.u-RTL .t-Header-nav .a-Menu--split .a-MenuBar-label 8px

--a-menu-icon-size

Selector Value Color
.t-Header-nav .a-Menu--split .a-Menu-subMenuCol 16px

--a-menubar-item-font-weight

Selector Value Color
.t-Header-nav .a-Menu--current var(--a-base-font-weight-bold, 700)

--a-menubar-item-background-color

Selector Value Color
.t-Header-nav .a-MenuBar-item.is-focused var(--a-menubar-item-focused-background-color)

--a-menubar-item-text-color

Selector Value Color
.t-Header-nav .a-MenuBar-item.is-focused var(--a-menubar-item-focused-text-color)

--ut-treeview-icon-opacity

Selector Value Color
.a-TreeView-content.is-selected > .fa 1

--ut-treeview-badge-border-radius

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 20px

--ut-treeview-badge-font-weight

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB var(--a-base-font-weight-semibold, 500)

--ut-treeview-icon-size

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 20px

--ut-treeview-toplevel-icon-container-width

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 28px

--ut-treeview-node-icon-size

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 16px

--ut-treeview-node-icon-container-width

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB var(--ut-treeview-toplevel-icon-container-width, 28px)

--ut-treeview-node-indent

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 0px

--ut-treeview-leaf-node-indent

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 10px

--ut-treeview-toplevel-leaf-padding-y

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 0px

--a-treeview-node-padding-y

Selector Value Color
.t-TreeNav--styleA, .t-TreeNav--styleB 10px
.t-TreeNav--styleA .a-TreeView-node--topLevel ul, .t-TreeNav--styleB .a-TreeView-node--topLevel ul 12px
.js-navCollapsed .t-TreeNav--styleB 8px

--a-iconlist-item-background-color

Selector Value Color
.a-IRR-dialog--download var(--ut-component-toolbar-background-color, rgba(0, 0, 0, .025))
.a-IRR-radioIconList var(--ut-component-toolbar-background-color, rgba(0, 0, 0, .025))

--a-iconlist-item-text-color

Selector Value Color
.a-IRR-dialog--download var(--ut-component-text-default-color)
.a-IRR-radioIconList var(--ut-component-text-default-color)

--a-iconlist-item-hover-text-color

Selector Value Color
.a-IRR-dialog--download var(--ut-component-text-default-color)
.a-IRR-radioIconList var(--ut-component-text-default-color)

--a-iconlist-item-hover-background-color

Selector Value Color
.a-IRR-dialog--download var(--ut-component-background-color)
.a-IRR-radioIconList var(--ut-component-background-color)

--a-iconlist-item-selected-text-color

Selector Value Color
.a-IRR-dialog--download var(--a-iconlist-item-hover-text-color)
.a-IRR-radioIconList var(--a-iconlist-item-hover-text-color)

--a-iconlist-item-selected-background-color

Selector Value Color
.a-IRR-dialog--download var(--a-iconlist-item-hover-background-color)
.a-IRR-radioIconList var(--a-iconlist-item-hover-background-color)

--a-field-input-state-text-color

Selector Value Color
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"] var(--a-field-input-text-color)

--a-field-input-state-background-color

Selector Value Color
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"] var(--a-field-input-background-color)

--a-report-controls-cell-label-icon-background-color

Selector Value Color
.a-IG-reportSummary-item--savedReport, .a-IG-controls-item--savedReport, .a-IRR-reportSummary-item--savedReport, .a-IRR-controls-item--savedReport #4AA4EC
.a-IG-reportSummary-item--search, .a-IG-controls-item--search, .a-IRR-reportSummary-item--search, .a-IRR-controls-item--search #4AA4EC
.a-IG-reportSummary-item--filter, .a-IG-controls-item--filter, .a-IRR-reportSummary-item--filter, .a-IRR-controls-item--filter #24CB7F
.a-IG-reportSummary-item--controlBreak, .a-IG-controls-item--controlBreak, .a-IRR-reportSummary-item--controlBreak, .a-IRR-controls-item--controlBreak #3B83BD
.a-IG-reportSummary-item--groupBy, .a-IG-controls-item--groupBy, .a-IRR-reportSummary-item--groupBy, .a-IRR-controls-item--groupBy #3B83BD
.a-IG-reportSummary-item--aggregate, .a-IG-controls-item--aggregate, .a-IRR-reportSummary-item--aggregate, .a-IRR-controls-item--aggregate #3B83BD
.a-IG-reportSummary-item--highlight, .a-IG-controls-item--highlight, .a-IRR-reportSummary-item--highlight, .a-IRR-controls-item--highlight #FFBE2A
.a-IG-reportSummary-item--flashback, .a-IG-controls-item--flashback, .a-IRR-reportSummary-item--flashback, .a-IRR-controls-item--flashback #9EA7AD
.a-IG-reportSummary-item--chart, .a-IG-controls-item--chart, .a-IRR-reportSummary-item--chart, .a-IRR-controls-item--chart #3B83BD
.a-IG-reportSummary-item--pivot, .a-IG-controls-item--pivot, .a-IRR-reportSummary-item--pivot, .a-IRR-controls-item--pivot #9EA7AD
.a-IG-reportSummary-item--invalidSettings, .a-IG-controls-item--invalidSettings, .a-IRR-reportSummary-item--invalidSettings, .a-IRR-controls-item--invalidSettings #BDC3C7
.a-IG-reportSummary-item--inactiveSettings, .a-IG-controls-item--inactiveSettings, .a-IRR-reportSummary-item--inactiveSettings, .a-IRR-controls-item--inactiveSettings #BDC3C7

--a-report-controls-cell-label-hover-background-color

Selector Value Color
.a-IG-reportSummary-item--savedReport, .a-IG-controls-item--savedReport, .a-IRR-reportSummary-item--savedReport, .a-IRR-controls-item--savedReport #0f568e
.a-IG-reportSummary-item--search, .a-IG-controls-item--search, .a-IRR-reportSummary-item--search, .a-IRR-controls-item--search #0f568e
.a-IG-reportSummary-item--filter, .a-IG-controls-item--filter, .a-IRR-reportSummary-item--filter, .a-IRR-controls-item--filter #0d492e
.a-IG-reportSummary-item--controlBreak, .a-IG-controls-item--controlBreak, .a-IRR-reportSummary-item--controlBreak, .a-IRR-controls-item--controlBreak #142d41
.a-IG-reportSummary-item--groupBy, .a-IG-controls-item--groupBy, .a-IRR-reportSummary-item--groupBy, .a-IRR-controls-item--groupBy #142d41
.a-IG-reportSummary-item--aggregate, .a-IG-controls-item--aggregate, .a-IRR-reportSummary-item--aggregate, .a-IRR-controls-item--aggregate #142d41
.a-IG-reportSummary-item--highlight, .a-IG-controls-item--highlight, .a-IRR-reportSummary-item--highlight, .a-IRR-controls-item--highlight #865d00
.a-IG-reportSummary-item--flashback, .a-IG-controls-item--flashback, .a-IRR-reportSummary-item--flashback, .a-IRR-controls-item--flashback #2e3437
.a-IG-reportSummary-item--chart, .a-IG-controls-item--chart, .a-IRR-reportSummary-item--chart, .a-IRR-controls-item--chart #040a0e
.a-IG-reportSummary-item--pivot, .a-IG-controls-item--pivot, .a-IRR-reportSummary-item--pivot, .a-IRR-controls-item--pivot #2e3437
.a-IG-reportSummary-item--invalidSettings, .a-IG-controls-item--invalidSettings, .a-IRR-reportSummary-item--invalidSettings, .a-IRR-controls-item--invalidSettings #495156
.a-IG-reportSummary-item--inactiveSettings, .a-IG-controls-item--inactiveSettings, .a-IRR-reportSummary-item--inactiveSettings, .a-IRR-controls-item--inactiveSettings #495156

--oj-core-text-color-primary

Selector Value Color
:root var(--ut-component-text-default-color)

--oj-core-text-color-secondary

Selector Value Color
:root var(--ut-component-text-muted-color)
:root var(--ut-component-text-muted-color)

--oj-core-text-color-brand

Selector Value Color
:root var(--ut-palette-primary-text)

--oj-core-text-color-danger

Selector Value Color
:root var(--ut-palette-danger-text)

--oj-core-text-color-warning

Selector Value Color
:root var(--ut-palette-warning-text)

--oj-core-text-color-success

Selector Value Color
:root var(--ut-palette-success-text)

--oj-core-icon-size-lg

Selector Value Color
:root 1.5rem

--oj-core-icon-size-sm

Selector Value Color
:root 1rem

--oj-core-divider-color

Selector Value Color
:root var(--ut-component-border-color)
:root var(--ut-component-border-color)

--oj-core-divider-margin

Selector Value Color
:root 0.5rem

--oj-core-focus-border-color

Selector Value Color
:root var(--ut-focus-outline-color)

--oj-color-spectrum-border-color

Selector Value Color
:root #333333

--oj-popup-bg-color

Selector Value Color
:root var(--a-menu-background-color)

--oj-core-bg-color-hover

Selector Value Color
:root var(--a-menu-focused-background-color)

--oj-core-box-shadow

Selector Value Color
:root var(--ut-shadow-sm)

--oj-link-text-color

Selector Value Color
:root var(--ut-link-text-color)

--oj-text-field-bg-color

Selector Value Color
:root var(--a-field-input-background-color)

--oj-text-field-border-color

Selector Value Color
:root var(--a-field-input-border-color)

--oj-text-field-text-color

Selector Value Color
:root var(--a-field-input-text-color)

--oj-collection-free-space-bg-color

Selector Value Color
:root var(--ut-component-background-color)

--oj-collection-header-bg-color

Selector Value Color
:root var(--ut-component-background-color)

--oj-collection-border-color

Selector Value Color
:root var(--ut-component-border-color)

--oj-collection-bg-color

Selector Value Color
:root var(--ut-component-background-color)

--oj-private-gantt-milestone-bg-color

Selector Value Color
:root var(--u-color-15)

--oj-private-gantt-task-bg-color

Selector Value Color
:root var(--u-color-1)

--oj-private-gantt-task-progress-bg-color

Selector Value Color
:root var(--u-color-1)

--oj-button-outlined-chrome-bg-color-hover

Selector Value Color
:root var(--ut-palette-primary)

--oj-button-outlined-chrome-border-color-hover

Selector Value Color
:root var(--ut-palette-primary)

--oj-button-outlined-chrome-text-color-hover

Selector Value Color
:root var(--ut-palette-primary-contrast)

--oj-button-borderless-chrome-bg-color-hover

Selector Value Color
:root var(--ut-palette-primary)

--oj-button-borderless-chrome-text-color-hover

Selector Value Color
:root var(--ut-palette-primary-contrast)

--oj-heading-text-color

Selector Value Color
:root var(--ut-component-text-title-color)

--a-menu-border-radius

Selector Value Color
.oj-listbox-drop 4px

--a-menu-border-width

Selector Value Color
.oj-listbox-drop 1px

--jui-datepicker-font-size

Selector Value Color
.oj-datepicker-calendar 11px

--jui-datepicker-header

Selector Value Color
.oj-datepicker-calendar th #666

--jui-datepicker-border-width

Selector Value Color
.oj-datepicker-calendar th 1px

--ut-datepicker-border-color

Selector Value Color
.oj-datepicker-calendar th rgba(0, 0, 0, 0.1)

--jui-datepicker-padding-y

Selector Value Color
.oj-datepicker-calendar th 8px
.oj-datepicker-calendar th 8px

--jui-datepicker-padding-x

Selector Value Color
.oj-datepicker-calendar th 8px
.oj-datepicker-calendar th 8px

--jui-datepicker-date-size

Selector Value Color
.oj-datepicker-calendar td 48px
.oj-datepicker-calendar td 48px
.oj-datepicker-calendar td 48px

--jui-datepicker-date-margin

Selector Value Color
.oj-datepicker-calendar td 2px

--jui-datepicker-date-border-radius

Selector Value Color
.oj-datepicker-calendar td 100%

--jui-datepicker-date-background-color

Selector Value Color
.oj-datepicker-calendar td transparent
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected var(--ut-palette-primary)

--jui-datepicker-date-color

Selector Value Color
.oj-datepicker-calendar td var(--ut-component-text-default-color)
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected var(--ut-palette-primary-contrast)

--jui-datepicker-date-transition

Selector Value Color
.oj-datepicker-calendar td background-color 0.1s, color 0.1s

--jui-datepicker-date-focus-box-shadow

Selector Value Color
.oj-datepicker-calendar td:focus 35 0 0 1px #0076df inset, 0 0 1px 2px rgba(0, 118, 223, 0.25)

--jui-datepicker-selected-font-weight

Selector Value Color
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected 700

--jui-datepicker-active-font-size

Selector Value Color
.oj-datepicker-calendar td a.oj-selected, .oj-datepicker-calendar td.oj-datepicker-today a.oj-selected 14px

--jui-datepicker-hover-background-color

Selector Value Color
.oj-datepicker-calendar .oj-enabled.oj-hover #e8e8e8
.oj-datepicker-calendar .oj-datepicker-next-icon:not(.oj-disabled).oj-hover, .oj-datepicker-calendar .oj-datepicker-prev-icon:not(.oj-disabled).oj-hover #e8e8e8

--jui-datepicker-hover-color

Selector Value Color
.oj-datepicker-calendar .oj-enabled.oj-hover black
.oj-datepicker-calendar .oj-datepicker-next-icon:not(.oj-disabled).oj-hover, .oj-datepicker-calendar .oj-datepicker-prev-icon:not(.oj-disabled).oj-hover black

--ut-base-filter

Selector Value Color
:root invert(1)