--ut-body-text-color
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
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. |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#FBF9F8 |
Selector | Value | Color |
---|---|---|
:root |
#F5F4F2 |
Selector | Value | Color |
---|---|---|
:root |
#F1EFED |
Selector | Value | Color |
---|---|---|
:root |
#e4e1dd |
Selector | Value | Color |
---|---|---|
:root |
#d4cfca |
Selector | Value | Color |
---|---|---|
:root |
#bcb6b1 |
Selector | Value | Color |
---|---|---|
:root |
#aea8a2 |
Selector | Value | Color |
---|---|---|
:root |
#9e9892 |
Selector | Value | Color |
---|---|---|
:root |
#8b8580 |
Selector | Value | Color |
---|---|---|
:root |
#7a736e |
Selector | Value | Color |
---|---|---|
:root |
#6f6964 |
Selector | Value | Color |
---|---|---|
:root |
#665f5b |
Selector | Value | Color |
---|---|---|
:root |
#5c5651 |
Selector | Value | Color |
---|---|---|
:root |
#514c47 |
Selector | Value | Color |
---|---|---|
:root |
#47423e |
Selector | Value | Color |
---|---|---|
:root |
#3a3632 |
Selector | Value | Color |
---|---|---|
:root |
#312D2A |
Selector | Value | Color |
---|---|---|
:root |
#201E1C |
Selector | Value | Color |
---|---|---|
:root |
#161513 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#fff8f7 |
Selector | Value | Color |
---|---|---|
:root |
#ffebe8 |
Selector | Value | Color |
---|---|---|
:root |
#ffdfdb |
Selector | Value | Color |
---|---|---|
:root |
#fcd0ca |
Selector | Value | Color |
---|---|---|
:root |
#f7bfb8 |
Selector | Value | Color |
---|---|---|
:root |
#eea59c |
Selector | Value | Color |
---|---|---|
:root |
#e58c81 |
Selector | Value | Color |
---|---|---|
:root |
#de7a6d |
Selector | Value | Color |
---|---|---|
:root |
#d66959 |
Selector | Value | Color |
---|---|---|
:root |
#ca4d3c |
Selector | Value | Color |
---|---|---|
:root |
#bd4332 |
Selector | Value | Color |
---|---|---|
:root |
#ac3e2e |
Selector | Value | Color |
---|---|---|
:root |
#9b382a |
Selector | Value | Color |
---|---|---|
:root |
#863125 |
Selector | Value | Color |
---|---|---|
:root |
#742a20 |
Selector | Value | Color |
---|---|---|
:root |
#60231a |
Selector | Value | Color |
---|---|---|
:root |
#491b14 |
Selector | Value | Color |
---|---|---|
:root |
#38140f |
Selector | Value | Color |
---|---|---|
:root |
#270e0b |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#F7FCF3 |
Selector | Value | Color |
---|---|---|
:root |
#EDF8E6 |
Selector | Value | Color |
---|---|---|
:root |
#E5F4DC |
Selector | Value | Color |
---|---|---|
:root |
#D0EAC1 |
Selector | Value | Color |
---|---|---|
:root |
#BDD9AE |
Selector | Value | Color |
---|---|---|
:root |
#A3C194 |
Selector | Value | Color |
---|---|---|
:root |
#94B382 |
Selector | Value | Color |
---|---|---|
:root |
#82A372 |
Selector | Value | Color |
---|---|---|
:root |
#6F915D |
Selector | Value | Color |
---|---|---|
:root |
#5F7D4F |
Selector | Value | Color |
---|---|---|
:root |
#577346 |
Selector | Value | Color |
---|---|---|
:root |
#4F693F |
Selector | Value | Color |
---|---|---|
:root |
#465F38 |
Selector | Value | Color |
---|---|---|
:root |
#3D5431 |
Selector | Value | Color |
---|---|---|
:root |
#35482A |
Selector | Value | Color |
---|---|---|
:root |
#2B3A21 |
Selector | Value | Color |
---|---|---|
:root |
#25331D |
Selector | Value | Color |
---|---|---|
:root |
#192315 |
Selector | Value | Color |
---|---|---|
:root |
#12170D |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#FEF9E9 |
Selector | Value | Color |
---|---|---|
:root |
#FDF4DF |
Selector | Value | Color |
---|---|---|
:root |
#FCEFCB |
Selector | Value | Color |
---|---|---|
:root |
#F7E0A1 |
Selector | Value | Color |
---|---|---|
:root |
#F0CC71 |
Selector | Value | Color |
---|---|---|
:root |
#D5B364 |
Selector | Value | Color |
---|---|---|
:root |
#C7A55D |
Selector | Value | Color |
---|---|---|
:root |
#B39554 |
Selector | Value | Color |
---|---|---|
:root |
#9D8249 |
Selector | Value | Color |
---|---|---|
:root |
#89723F |
Selector | Value | Color |
---|---|---|
:root |
#7C6738 |
Selector | Value | Color |
---|---|---|
:root |
#715E34 |
Selector | Value | Color |
---|---|---|
:root |
#66552F |
Selector | Value | Color |
---|---|---|
:root |
#5B4A29 |
Selector | Value | Color |
---|---|---|
:root |
#4F4224 |
Selector | Value | Color |
---|---|---|
:root |
#40361D |
Selector | Value | Color |
---|---|---|
:root |
#372C18 |
Selector | Value | Color |
---|---|---|
:root |
#241E10 |
Selector | Value | Color |
---|---|---|
:root |
#18160A |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#FEF9F2 |
Selector | Value | Color |
---|---|---|
:root |
#FDF3E4 |
Selector | Value | Color |
---|---|---|
:root |
#FCEDD9 |
Selector | Value | Color |
---|---|---|
:root |
#F5DEBD |
Selector | Value | Color |
---|---|---|
:root |
#ECCB98 |
Selector | Value | Color |
---|---|---|
:root |
#DEB068 |
Selector | Value | Color |
---|---|---|
:root |
#D39F5D |
Selector | Value | Color |
---|---|---|
:root |
#C58C52 |
Selector | Value | Color |
---|---|---|
:root |
#B67745 |
Selector | Value | Color |
---|---|---|
:root |
#AA643B |
Selector | Value | Color |
---|---|---|
:root |
#9B5734 |
Selector | Value | Color |
---|---|---|
:root |
#8D4F2E |
Selector | Value | Color |
---|---|---|
:root |
#7F482C |
Selector | Value | Color |
---|---|---|
:root |
#713F25 |
Selector | Value | Color |
---|---|---|
:root |
#62371F |
Selector | Value | Color |
---|---|---|
:root |
#512C1B |
Selector | Value | Color |
---|---|---|
:root |
#442616 |
Selector | Value | Color |
---|---|---|
:root |
#2F1A0F |
Selector | Value | Color |
---|---|---|
:root |
#20130A |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#f3FCF7 |
Selector | Value | Color |
---|---|---|
:root |
#E9F9EE |
Selector | Value | Color |
---|---|---|
:root |
#E0F5E7 |
Selector | Value | Color |
---|---|---|
:root |
#cBE9D6 |
Selector | Value | Color |
---|---|---|
:root |
#b7D9C2 |
Selector | Value | Color |
---|---|---|
:root |
#99C2A6 |
Selector | Value | Color |
---|---|---|
:root |
#86B596 |
Selector | Value | Color |
---|---|---|
:root |
#74A683 |
Selector | Value | Color |
---|---|---|
:root |
#5C926D |
Selector | Value | Color |
---|---|---|
:root |
#4C825C |
Selector | Value | Color |
---|---|---|
:root |
#467553 |
Selector | Value | Color |
---|---|---|
:root |
#3F6B4B |
Selector | Value | Color |
---|---|---|
:root |
#3A6145 |
Selector | Value | Color |
---|---|---|
:root |
#33553c |
Selector | Value | Color |
---|---|---|
:root |
#2C4A35 |
Selector | Value | Color |
---|---|---|
:root |
#253D2C |
Selector | Value | Color |
---|---|---|
:root |
#1e3224 |
Selector | Value | Color |
---|---|---|
:root |
#132318 |
Selector | Value | Color |
---|---|---|
:root |
#0D170F |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#F8FAFA |
Selector | Value | Color |
---|---|---|
:root |
#F0F6F5 |
Selector | Value | Color |
---|---|---|
:root |
#E8F1F0 |
Selector | Value | Color |
---|---|---|
:root |
#D6E5E5 |
Selector | Value | Color |
---|---|---|
:root |
#BCD5D5 |
Selector | Value | Color |
---|---|---|
:root |
#9ABFBF |
Selector | Value | Color |
---|---|---|
:root |
#89B2B0 |
Selector | Value | Color |
---|---|---|
:root |
#76A2A0 |
Selector | Value | Color |
---|---|---|
:root |
#628F8D |
Selector | Value | Color |
---|---|---|
:root |
#4F7D7B |
Selector | Value | Color |
---|---|---|
:root |
#467173 |
Selector | Value | Color |
---|---|---|
:root |
#3E686C |
Selector | Value | Color |
---|---|---|
:root |
#375D61 |
Selector | Value | Color |
---|---|---|
:root |
#315357 |
Selector | Value | Color |
---|---|---|
:root |
#2B484B |
Selector | Value | Color |
---|---|---|
:root |
#233B3F |
Selector | Value | Color |
---|---|---|
:root |
#1E3133 |
Selector | Value | Color |
---|---|---|
:root |
#132123 |
Selector | Value | Color |
---|---|---|
:root |
#0D1718 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#F5FAFC |
Selector | Value | Color |
---|---|---|
:root |
#EDF6F9 |
Selector | Value | Color |
---|---|---|
:root |
#E7F2F5 |
Selector | Value | Color |
---|---|---|
:root |
#D0E5ED |
Selector | Value | Color |
---|---|---|
:root |
#B5D5E0 |
Selector | Value | Color |
---|---|---|
:root |
#94BFCE |
Selector | Value | Color |
---|---|---|
:root |
#81B2C3 |
Selector | Value | Color |
---|---|---|
:root |
#6BA1B6 |
Selector | Value | Color |
---|---|---|
:root |
#558EA4 |
Selector | Value | Color |
---|---|---|
:root |
#437C94 |
Selector | Value | Color |
---|---|---|
:root |
#3B7087 |
Selector | Value | Color |
---|---|---|
:root |
#36677D |
Selector | Value | Color |
---|---|---|
:root |
#325C72 |
Selector | Value | Color |
---|---|---|
:root |
#2C5266 |
Selector | Value | Color |
---|---|---|
:root |
#264759 |
Selector | Value | Color |
---|---|---|
:root |
#1F3A4B |
Selector | Value | Color |
---|---|---|
:root |
#1A2F3F |
Selector | Value | Color |
---|---|---|
:root |
#13212C |
Selector | Value | Color |
---|---|---|
:root |
#0B171F |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#F5FBFB |
Selector | Value | Color |
---|---|---|
:root |
#E9F7F7 |
Selector | Value | Color |
---|---|---|
:root |
#E2F3F3 |
Selector | Value | Color |
---|---|---|
:root |
#D4E5EB |
Selector | Value | Color |
---|---|---|
:root |
#BFD3DC |
Selector | Value | Color |
---|---|---|
:root |
#A2BCC6 |
Selector | Value | Color |
---|---|---|
:root |
#92AEB9 |
Selector | Value | Color |
---|---|---|
:root |
#7D9FAA |
Selector | Value | Color |
---|---|---|
:root |
#698C99 |
Selector | Value | Color |
---|---|---|
:root |
#587B86 |
Selector | Value | Color |
---|---|---|
:root |
#4C707B |
Selector | Value | Color |
---|---|---|
:root |
#446672 |
Selector | Value | Color |
---|---|---|
:root |
#3B5C69 |
Selector | Value | Color |
---|---|---|
:root |
#32515E |
Selector | Value | Color |
---|---|---|
:root |
#2C4752 |
Selector | Value | Color |
---|---|---|
:root |
#243A43 |
Selector | Value | Color |
---|---|---|
:root |
#1E3138 |
Selector | Value | Color |
---|---|---|
:root |
#142126 |
Selector | Value | Color |
---|---|---|
:root |
#0D171A |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#F8F9FF |
Selector | Value | Color |
---|---|---|
:root |
#F2F4FE |
Selector | Value | Color |
---|---|---|
:root |
#EBEFFE |
Selector | Value | Color |
---|---|---|
:root |
#DBE1F5 |
Selector | Value | Color |
---|---|---|
:root |
#C6CFEB |
Selector | Value | Color |
---|---|---|
:root |
#ADB6D2 |
Selector | Value | Color |
---|---|---|
:root |
#A0A9C5 |
Selector | Value | Color |
---|---|---|
:root |
#8F98B7 |
Selector | Value | Color |
---|---|---|
:root |
#7C85A4 |
Selector | Value | Color |
---|---|---|
:root |
#6B7494 |
Selector | Value | Color |
---|---|---|
:root |
#606988 |
Selector | Value | Color |
---|---|---|
:root |
#585F80 |
Selector | Value | Color |
---|---|---|
:root |
#4F5573 |
Selector | Value | Color |
---|---|---|
:root |
#464C68 |
Selector | Value | Color |
---|---|---|
:root |
#3C425B |
Selector | Value | Color |
---|---|---|
:root |
#30364C |
Selector | Value | Color |
---|---|---|
:root |
#2A2D3F |
Selector | Value | Color |
---|---|---|
:root |
#1B1F2B |
Selector | Value | Color |
---|---|---|
:root |
#13151D |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#FCF8FF |
Selector | Value | Color |
---|---|---|
:root |
#F8F1FC |
Selector | Value | Color |
---|---|---|
:root |
#F5ECFB |
Selector | Value | Color |
---|---|---|
:root |
#EADDF4 |
Selector | Value | Color |
---|---|---|
:root |
#DBC9E5 |
Selector | Value | Color |
---|---|---|
:root |
#C4B0D1 |
Selector | Value | Color |
---|---|---|
:root |
#B7A1C4 |
Selector | Value | Color |
---|---|---|
:root |
#A890B6 |
Selector | Value | Color |
---|---|---|
:root |
#957CA4 |
Selector | Value | Color |
---|---|---|
:root |
#846A92 |
Selector | Value | Color |
---|---|---|
:root |
#796087 |
Selector | Value | Color |
---|---|---|
:root |
#6F577B |
Selector | Value | Color |
---|---|---|
:root |
#634E71 |
Selector | Value | Color |
---|---|---|
:root |
#594564 |
Selector | Value | Color |
---|---|---|
:root |
#4D3C57 |
Selector | Value | Color |
---|---|---|
:root |
#3F3048 |
Selector | Value | Color |
---|---|---|
:root |
#36293C |
Selector | Value | Color |
---|---|---|
:root |
#241B29 |
Selector | Value | Color |
---|---|---|
:root |
#19131C |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#FDF8FA |
Selector | Value | Color |
---|---|---|
:root |
#FAF2F4 |
Selector | Value | Color |
---|---|---|
:root |
#FBECEF |
Selector | Value | Color |
---|---|---|
:root |
#F6DAE1 |
Selector | Value | Color |
---|---|---|
:root |
#EAC6CF |
Selector | Value | Color |
---|---|---|
:root |
#D9ABB6 |
Selector | Value | Color |
---|---|---|
:root |
#CE9BA7 |
Selector | Value | Color |
---|---|---|
:root |
#C28897 |
Selector | Value | Color |
---|---|---|
:root |
#B47282 |
Selector | Value | Color |
---|---|---|
:root |
#A36472 |
Selector | Value | Color |
---|---|---|
:root |
#925865 |
Selector | Value | Color |
---|---|---|
:root |
#86505C |
Selector | Value | Color |
---|---|---|
:root |
#7A4753 |
Selector | Value | Color |
---|---|---|
:root |
#6C3F49 |
Selector | Value | Color |
---|---|---|
:root |
#5F363F |
Selector | Value | Color |
---|---|---|
:root |
#4F2B33 |
Selector | Value | Color |
---|---|---|
:root |
#41242B |
Selector | Value | Color |
---|---|---|
:root |
#2D191D |
Selector | Value | Color |
---|---|---|
:root |
#201214 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#F6FAFA |
Selector | Value | Color |
---|---|---|
:root |
#EDF6F6 |
Selector | Value | Color |
---|---|---|
:root |
#E7F2F2 |
Selector | Value | Color |
---|---|---|
:root |
#D7E5E5 |
Selector | Value | Color |
---|---|---|
:root |
#C2D4D4 |
Selector | Value | Color |
---|---|---|
:root |
#A9BBBC |
Selector | Value | Color |
---|---|---|
:root |
#99ADAE |
Selector | Value | Color |
---|---|---|
:root |
#8B9D9E |
Selector | Value | Color |
---|---|---|
:root |
#798B8A |
Selector | Value | Color |
---|---|---|
:root |
#697778 |
Selector | Value | Color |
---|---|---|
:root |
#606C6D |
Selector | Value | Color |
---|---|---|
:root |
#586363 |
Selector | Value | Color |
---|---|---|
:root |
#4F5A5A |
Selector | Value | Color |
---|---|---|
:root |
#464F4F |
Selector | Value | Color |
---|---|---|
:root |
#3C4545 |
Selector | Value | Color |
---|---|---|
:root |
#323939 |
Selector | Value | Color |
---|---|---|
:root |
#2A2F2F |
Selector | Value | Color |
---|---|---|
:root |
#1C2020 |
Selector | Value | Color |
---|---|---|
:root |
#131515 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#f6faff |
Selector | Value | Color |
---|---|---|
:root |
#eef5ff |
Selector | Value | Color |
---|---|---|
:root |
#e7f0fd |
Selector | Value | Color |
---|---|---|
:root |
#dae2ef |
Selector | Value | Color |
---|---|---|
:root |
#c8d0dd |
Selector | Value | Color |
---|---|---|
:root |
#b0b8c4 |
Selector | Value | Color |
---|---|---|
:root |
#a2aab6 |
Selector | Value | Color |
---|---|---|
:root |
#9299a6 |
Selector | Value | Color |
---|---|---|
:root |
#808792 |
Selector | Value | Color |
---|---|---|
:root |
#6f757e |
Selector | Value | Color |
---|---|---|
:root |
#646a73 |
Selector | Value | Color |
---|---|---|
:root |
#5c6169 |
Selector | Value | Color |
---|---|---|
:root |
#53575f |
Selector | Value | Color |
---|---|---|
:root |
#494d53 |
Selector | Value | Color |
---|---|---|
:root |
#3f4248 |
Selector | Value | Color |
---|---|---|
:root |
#34363b |
Selector | Value | Color |
---|---|---|
:root |
#2b2e32 |
Selector | Value | Color |
---|---|---|
:root |
#1e1f22 |
Selector | Value | Color |
---|---|---|
:root |
#151617 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#FBF9F3 |
Selector | Value | Color |
---|---|---|
:root |
#F8F4EA |
Selector | Value | Color |
---|---|---|
:root |
#F4EFE1 |
Selector | Value | Color |
---|---|---|
:root |
#E9E1CA |
Selector | Value | Color |
---|---|---|
:root |
#D8D0B5 |
Selector | Value | Color |
---|---|---|
:root |
#C0B89D |
Selector | Value | Color |
---|---|---|
:root |
#B2AA91 |
Selector | Value | Color |
---|---|---|
:root |
#A09984 |
Selector | Value | Color |
---|---|---|
:root |
#8B8673 |
Selector | Value | Color |
---|---|---|
:root |
#7A7464 |
Selector | Value | Color |
---|---|---|
:root |
#6E6A5A |
Selector | Value | Color |
---|---|---|
:root |
#656151 |
Selector | Value | Color |
---|---|---|
:root |
#5B5748 |
Selector | Value | Color |
---|---|---|
:root |
#514D40 |
Selector | Value | Color |
---|---|---|
:root |
#464237 |
Selector | Value | Color |
---|---|---|
:root |
#3A372D |
Selector | Value | Color |
---|---|---|
:root |
#302E26 |
Selector | Value | Color |
---|---|---|
:root |
#211F1B |
Selector | Value | Color |
---|---|---|
:root |
#171512 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#fff8f8 |
Selector | Value | Color |
---|---|---|
:root |
#fff1f1 |
Selector | Value | Color |
---|---|---|
:root |
#ffebeb |
Selector | Value | Color |
---|---|---|
:root |
#ffd9d9 |
Selector | Value | Color |
---|---|---|
:root |
#fcc1c1 |
Selector | Value | Color |
---|---|---|
:root |
#f7a0a0 |
Selector | Value | Color |
---|---|---|
:root |
#f38c8c |
Selector | Value | Color |
---|---|---|
:root |
#ee7373 |
Selector | Value | Color |
---|---|---|
:root |
#de5b5b |
Selector | Value | Color |
---|---|---|
:root |
#c04f4f |
Selector | Value | Color |
---|---|---|
:root |
#b04848 |
Selector | Value | Color |
---|---|---|
:root |
#a14242 |
Selector | Value | Color |
---|---|---|
:root |
#903c3c |
Selector | Value | Color |
---|---|---|
:root |
#7f3535 |
Selector | Value | Color |
---|---|---|
:root |
#6e2e2e |
Selector | Value | Color |
---|---|---|
:root |
#5b2626 |
Selector | Value | Color |
---|---|---|
:root |
#4d2020 |
Selector | Value | Color |
---|---|---|
:root |
#341616 |
Selector | Value | Color |
---|---|---|
:root |
#240f0f |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#f6fafc |
Selector | Value | Color |
---|---|---|
:root |
#edf6f9 |
Selector | Value | Color |
---|---|---|
:root |
#e4f1f7 |
Selector | Value | Color |
---|---|---|
:root |
#d0e5ee |
Selector | Value | Color |
---|---|---|
:root |
#b4d5e1 |
Selector | Value | Color |
---|---|---|
:root |
#8fbfd0 |
Selector | Value | Color |
---|---|---|
:root |
#79b1c6 |
Selector | Value | Color |
---|---|---|
:root |
#5fa2ba |
Selector | Value | Color |
---|---|---|
:root |
#4190AC |
Selector | Value | Color |
---|---|---|
:root |
#227e9e |
Selector | Value | Color |
---|---|---|
:root |
#0e7295 |
Selector | Value | Color |
---|---|---|
:root |
#00688c |
Selector | Value | Color |
---|---|---|
:root |
#025e7e |
Selector | Value | Color |
---|---|---|
:root |
#04536f |
Selector | Value | Color |
---|---|---|
:root |
#06485f |
Selector | Value | Color |
---|---|---|
:root |
#063c4e |
Selector | Value | Color |
---|---|---|
:root |
#053242 |
Selector | Value | Color |
---|---|---|
:root |
#04232d |
Selector | Value | Color |
---|---|---|
:root |
#02181f |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#fff8f7 |
Selector | Value | Color |
---|---|---|
:root |
#fff1ef |
Selector | Value | Color |
---|---|---|
:root |
#ffebe8 |
Selector | Value | Color |
---|---|---|
:root |
#ffd9d3 |
Selector | Value | Color |
---|---|---|
:root |
#FFC1B8 |
Selector | Value | Color |
---|---|---|
:root |
#ff9d90 |
Selector | Value | Color |
---|---|---|
:root |
#ff8675 |
Selector | Value | Color |
---|---|---|
:root |
#fe6954 |
Selector | Value | Color |
---|---|---|
:root |
#ec4f3a |
Selector | Value | Color |
---|---|---|
:root |
#d63b25 |
Selector | Value | Color |
---|---|---|
:root |
#c33522 |
Selector | Value | Color |
---|---|---|
:root |
#b3311f |
Selector | Value | Color |
---|---|---|
:root |
#a22c1c |
Selector | Value | Color |
---|---|---|
:root |
#8f2719 |
Selector | Value | Color |
---|---|---|
:root |
#7c2216 |
Selector | Value | Color |
---|---|---|
:root |
#661c12 |
Selector | Value | Color |
---|---|---|
:root |
#56180f |
Selector | Value | Color |
---|---|---|
:root |
#3c110b |
Selector | Value | Color |
---|---|---|
:root |
#2a0c07 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#fef9f2 |
Selector | Value | Color |
---|---|---|
:root |
#fdf2e5 |
Selector | Value | Color |
---|---|---|
:root |
#fceddc |
Selector | Value | Color |
---|---|---|
:root |
#f9ddbc |
Selector | Value | Color |
---|---|---|
:root |
#f6c792 |
Selector | Value | Color |
---|---|---|
:root |
#f0a957 |
Selector | Value | Color |
---|---|---|
:root |
#eb9632 |
Selector | Value | Color |
---|---|---|
:root |
#E18212 |
Selector | Value | Color |
---|---|---|
:root |
#c6710e |
Selector | Value | Color |
---|---|---|
:root |
#ac630c |
Selector | Value | Color |
---|---|---|
:root |
#9c590b |
Selector | Value | Color |
---|---|---|
:root |
#8f520a |
Selector | Value | Color |
---|---|---|
:root |
#814909 |
Selector | Value | Color |
---|---|---|
:root |
#724108 |
Selector | Value | Color |
---|---|---|
:root |
#633807 |
Selector | Value | Color |
---|---|---|
:root |
#512f06 |
Selector | Value | Color |
---|---|---|
:root |
#452705 |
Selector | Value | Color |
---|---|---|
:root |
#2e1a03 |
Selector | Value | Color |
---|---|---|
:root |
#201202 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
#f4fceb |
Selector | Value | Color |
---|---|---|
:root |
#ebf8de |
Selector | Value | Color |
---|---|---|
:root |
#e4f5d3 |
Selector | Value | Color |
---|---|---|
:root |
#cfebb3 |
Selector | Value | Color |
---|---|---|
:root |
#b1dd88 |
Selector | Value | Color |
---|---|---|
:root |
#8ac94f |
Selector | Value | Color |
---|---|---|
:root |
#7dba45 |
Selector | Value | Color |
---|---|---|
:root |
#6fa939 |
Selector | Value | Color |
---|---|---|
:root |
#5e942b |
Selector | Value | Color |
---|---|---|
:root |
#508223 |
Selector | Value | Color |
---|---|---|
:root |
#497620 |
Selector | Value | Color |
---|---|---|
:root |
#436b1d |
Selector | Value | Color |
---|---|---|
:root |
#3c601a |
Selector | Value | Color |
---|---|---|
:root |
#355617 |
Selector | Value | Color |
---|---|---|
:root |
#2e4914 |
Selector | Value | Color |
---|---|---|
:root |
#263d10 |
Selector | Value | Color |
---|---|---|
:root |
#1f330e |
Selector | Value | Color |
---|---|---|
:root |
#152309 |
Selector | Value | Color |
---|---|---|
:root |
#0f1706 |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
'Oracle Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif |
Selector | Value | Color |
---|---|---|
:root |
Georgia, Times, 'Times New Roman', serif |
Selector | Value | Color |
---|---|---|
:root |
SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace |
Selector | Value | Color |
---|---|---|
:root |
600 | |
.rw-typography-semibold,
.rw-typography-semi-bold |
500 | |
.a-IG-reportSummary-count |
500 | |
.apex-rds-item a |
500 | |
.t-Timeline-avatar |
500 |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.08) | |
.t-Button--header |
transparent | |
.t-Button--header.is-active |
rgba(22, 21, 19, 0.16) | |
.t-Button--headerTree.is-active |
transparent | |
.ui-button:not(.ui-button--hot):not(.ui-button--danger),
.t-Button--simple,
.t-Button--noUI,
.t-Button--hideShow,
.a-Button--noUI |
transparent | |
.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(--rw-palette-neutral-170) | |
.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--warning |
var(--rw-palette-orange-100) | |
.t-Button--warning.t-Button--simple |
transparent | |
.t-Button--warning.t-Button--link |
transparent | |
.t-Button--success |
var(--rw-palette-green-100) | |
.t-Button--success.t-Button--simple |
transparent | |
.t-Button--success.t-Button--link |
transparent | |
.ui-button--danger,
.t-Button--danger |
var(--rw-palette-red-100) | |
.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 |
var(--rw-palette-neutral-100) | |
.t-Button--primary.t-Button--simple |
transparent | |
.t-Button--primary.t-Button--link |
transparent | |
.a-CardView.has-media--background .a-CardView-button--hot |
var(--rw-palette-neutral-0) | |
.a-FS-addChart,
.a-FS-changeChartType,
.a-FS-removeChart |
transparent | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
transparent | |
.a-FS-clear |
transparent | |
.a-GV-columnControls .a-Button |
transparent | |
.a-GV-pagination |
transparent | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
transparent | |
.a-IG-button.a-IG-button--controls,
.a-IRR-button.a-IRR-button--controls |
transparent | |
.a-IRR-button.a-IRR-button--pagination,
.a-IRR-button.a-IRR-button--pagination:hover |
transparent | |
.ui-dialog-titlebar-close |
transparent | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar .t-Button--header.is-active,
.rw-pillar--neutral.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot |
var(--rw-palette-neutral-0) | |
.rw-mode-header--dark .t-Button--header.is-active |
rgba(22, 21, 19, 0.5) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--hot,
.rw-mode-body-header--dark .t-Body-title .t-Button--hot |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.t-Button--header |
initial | |
.t-Button--noUI,
.t-Button--noUI:hover,
.t-Button--noUI:active,
.a-Button--noUI,
.a-Button--noUI:hover,
.a-Button--noUI:active |
inherit | |
.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(--rw-palette-neutral-0) | |
.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 |
var(--rw-palette-neutral-170) | |
.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 |
var(--rw-palette-neutral-170) | |
.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 |
var(--rw-palette-neutral-170) | |
.t-Button--warning |
var(--rw-palette-orange-0) | |
.t-Button--warning.t-Button--simple |
var(--rw-palette-orange-100) | |
.t-Button--warning.t-Button--link |
var(--rw-palette-orange-100) | |
.t-Button--warning.t-Button--noUI, .t-Button--warning.a-Button--noUI |
var(--rw-palette-orange-100) | |
.t-Button--success |
var(--rw-palette-green-0) | |
.t-Button--success.t-Button--simple |
var(--rw-palette-green-100) | |
.t-Button--success.t-Button--link |
var(--rw-palette-green-100) | |
.t-Button--success.t-Button--noUI, .t-Button--success.a-Button--noUI |
var(--rw-palette-green-100) | |
.ui-button--danger,
.t-Button--danger |
var(--rw-palette-red-0) | |
.ui-button--danger.t-Button--simple,
.t-Button--danger.t-Button--simple |
var(--rw-palette-red-100) | |
.ui-button--danger.t-Button--link,
.t-Button--danger.t-Button--link |
var(--rw-palette-red-100) | |
.ui-button--danger.t-Button--noUI, .ui-button--danger.a-Button--noUI,
.t-Button--danger.t-Button--noUI,
.t-Button--danger.a-Button--noUI |
var(--rw-palette-red-100) | |
.t-Button--primary |
var(--rw-palette-neutral-0) | |
.t-Button--primary.t-Button--simple |
var(--rw-palette-neutral-100) | |
.t-Button--primary.t-Button--link |
var(--rw-palette-neutral-100) | |
.t-Button--primary.t-Button--noUI, .t-Button--primary.a-Button--noUI |
var(--rw-palette-neutral-100) | |
.t-Form-helpButton |
var(--ut-component-text-muted-color) | |
.a-CardView.has-media--background .a-CardView-button |
var(--rw-palette-neutral-0) | |
.a-CardView.has-media--background .a-CardView-button--hot |
var(--rw-palette-neutral-190) | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--ut-link-text-color) | |
.a-FS-clear |
inherit | |
.ui-dialog-titlebar-close |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot |
var(--rw-palette-neutral-190) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--hot,
.rw-mode-body-header--dark .t-Body-title .t-Button--hot |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.5) | |
.t-Button--header |
transparent | |
.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 |
var(--rw-palette-neutral-170) | |
.t-Button--warning.t-Button--simple |
var(--rw-palette-orange-100) | |
.t-Button--warning.t-Button--link |
transparent | |
.t-Button--success.t-Button--simple |
var(--rw-palette-green-100) | |
.t-Button--success.t-Button--link |
transparent | |
.ui-button--danger.t-Button--simple,
.t-Button--danger.t-Button--simple |
var(--rw-palette-red-100) | |
.ui-button--danger.t-Button--link,
.t-Button--danger.t-Button--link |
transparent | |
.t-Button--primary.t-Button--simple |
var(--rw-palette-neutral-100) | |
.t-Button--primary.t-Button--link |
transparent | |
.a-CardView.has-media--background .a-CardView-button |
rgba(255, 255, 255, .3) | |
.a-FS-clear |
rgba(0, 0, 0, .3) | |
.ui-dialog-titlebar-close |
transparent | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
rgba(255, 255, 255, .3) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .a-FS-clear, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .a-FS-clear |
rgba(255, 255, 255, .3) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--simple,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--noUI, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--simple,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--noUI |
rgba(255, 255, 255, 0.5) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
rgba(255, 255, 255, .3) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .a-FS-clear,
.rw-mode-body-header--dark .t-Body-title .a-FS-clear |
rgba(255, 255, 255, .3) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--simple,
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--noUI,
.rw-mode-body-header--dark .t-Body-title .t-Button--simple,
.rw-mode-body-header--dark .t-Body-title .t-Button--noUI |
rgba(255, 255, 255, 0.5) |
Selector | Value | Color |
---|---|---|
:root |
0px | |
.t-Button--simple |
1px | |
.t-Button--noUI,
.t-Button--noUI:hover,
.t-Button--noUI:active,
.a-Button--noUI,
.a-Button--noUI:hover,
.a-Button--noUI:active |
0px | |
.a-FS-clear |
1px |
Selector | Value | Color |
---|---|---|
:root |
4px | |
.t-Alert--page .t-Button.t-Button--closeAlert |
4px | |
.a-Button.a-Button--actions |
2px | |
.a-FS-clear |
6px | |
.a-GV-columnControls .a-Button |
2px | |
.a-Toolbar-group--search .a-Toolbar-item:first-child,
.a-Toolbar-group--search .a-Toolbar-item:last-child,
.a-IRR-button--colSearch,
.a-IRR-button--search |
2px | |
.a-IRR-button.a-IRR-button--pagination,
.a-IRR-button.a-IRR-button--pagination:hover |
var(--a-button-border-radius) |
Selector | Value | Color |
---|---|---|
:root |
10px | |
.t-Alert--page .t-Button.t-Button--closeAlert |
8px | |
.t-Button--header |
8px | |
.t-Form-helpButton |
4px | |
.t-Button--tiny,
.t-Button--xsmall |
6px | |
.t-Button--small |
8px | |
.t-Button--large |
14px | |
.t-Button--xlarge |
14px | |
.a-FS-addChart,
.a-FS-changeChartType,
.a-FS-removeChart |
calc(8px - var(--a-button-border-width, 1px)) | |
.a-FS-clear |
8px | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
8px | |
.a-IG-button.a-IG-button--controls,
.a-IRR-button.a-IRR-button--controls |
8px |
Selector | Value | Color |
---|---|---|
:root |
16px | |
.t-Alert--page .t-Button.t-Button--closeAlert |
8px | |
.t-Button--header |
8px | |
.t-Form-helpButton |
8px | |
.t-Button.t-Button--noLabel,
.t-Button--medium.t-Button--noLabel |
var(--a-button-padding-y) | |
.t-Button--tiny,
.t-Button--xsmall |
8px | |
.t-Button--small |
16px | |
.t-Button--large |
16px | |
.t-Button--xlarge |
16px | |
.a-FS-addChart,
.a-FS-changeChartType,
.a-FS-removeChart |
var(--a-button-padding-y) | |
.a-FS-clear |
8px | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
16px | |
.a-IG-button.a-IG-button--controls,
.a-IRR-button.a-IRR-button--controls |
8px |
Selector | Value | Color |
---|---|---|
:root |
14px | |
.t-Button--header |
14px | |
.t-Button--tiny,
.t-Button--xsmall |
13px | |
.t-Button--small |
14px | |
.t-Button--large |
14px | |
.t-Button--xlarge |
14px | |
.a-FS-clear |
14px | |
.a-GV-pagination |
16px | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
14px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-semibold, 500) |
Selector | Value | Color |
---|---|---|
:root |
24px | |
.t-Button--header |
20px | |
.t-Button--tiny,
.t-Button--xsmall |
16px | |
.t-Button--small |
20px | |
.t-Button--large |
24px | |
.t-Button--xlarge |
16px | |
.a-FS-clear |
16px | |
.a-GV-columnControls .a-Button |
1 | |
.a-GV-pagination |
16px | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
20px |
Selector | Value | Color |
---|---|---|
:root |
4px | |
.t-Body-title |
12px |
Selector | Value | Color |
---|---|---|
:root |
8px | |
.t-Button--header |
8px | |
.t-Button--tiny,
.t-Button--xsmall |
4px | |
.t-Button--small |
8px | |
.t-Button--large |
8px | |
.t-Button--xlarge |
8px | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
8px |
Selector | Value | Color |
---|---|---|
:root |
24px | |
.t-Alert--page .t-Button.t-Button--closeAlert |
20px | |
.t-Button--header |
20px | |
.t-Button--tiny,
.t-Button--xsmall |
16px | |
.t-Button--small |
20px | |
.t-Button--large |
24px | |
.t-Button--xlarge |
24px | |
.a-Button |
20px | |
.a-Toolbar,
.a-IRR-toolbar,
.a-IRR-button.a-IRR-sortWidget-button |
20px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.12) | |
.t-Button--header |
rgba(22, 21, 19, 0.04) | |
.ui-button:not(.ui-button--hot):not(.ui-button--danger),
.t-Button--simple,
.t-Button--noUI,
.t-Button--hideShow,
.a-Button--noUI |
rgba(22, 21, 19, 0.04) | |
.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(--rw-palette-neutral-160) | |
.t-Button--warning |
var(--rw-palette-orange-110) | |
.t-Button--success |
var(--rw-palette-green-110) | |
.ui-button--danger,
.t-Button--danger |
var(--rw-palette-red-110) | |
.t-Button--primary |
var(--rw-palette-neutral-110) | |
.t-Form-helpButton |
transparent | |
.a-CardView.has-media--background .a-CardView-button |
rgba(255, 255, 255, .08) | |
.a-CardView.has-media--background .a-CardView-button--hot |
rgba(255, 255, 255, .96) | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-background-color) | |
.a-FS-clear |
rgba(0, 0, 0, 0.04) | |
.ui-dialog-titlebar-close |
rgba(22, 21, 19, 0.04) | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar .t-Button--header,
.rw-pillar--neutral.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.04) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot |
rgba(255, 255, 255, .96) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--simple,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--noUI, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--simple,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--noUI |
rgba(255, 255, 255, 0.04) | |
.rw-mode-header--dark .t-Button--header |
rgba(255, 255, 255, 0.04) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--hot,
.rw-mode-body-header--dark .t-Body-title .t-Button--hot |
rgba(255, 255, 255, .96) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--simple,
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--noUI,
.rw-mode-body-header--dark .t-Body-title .t-Button--simple,
.rw-mode-body-header--dark .t-Body-title .t-Button--noUI |
rgba(255, 255, 255, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.16) | |
.t-Button--header |
rgba(22, 21, 19, 0.08) | |
.ui-button:not(.ui-button--hot):not(.ui-button--danger),
.t-Button--simple,
.t-Button--noUI,
.t-Button--hideShow,
.a-Button--noUI |
rgba(22, 21, 19, 0.08) | |
.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(--rw-palette-neutral-150) | |
.t-Button--warning |
var(--rw-palette-orange-120) | |
.t-Button--success |
var(--rw-palette-green-120) | |
.ui-button--danger,
.t-Button--danger |
var(--rw-palette-red-120) | |
.t-Button--primary |
var(--rw-palette-neutral-120) | |
.a-CardView.has-media--background .a-CardView-button |
rgba(255, 255, 255, .16) | |
.a-CardView.has-media--background .a-CardView-button--hot |
rgba(255, 255, 255, .92) | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-hover-border-color) | |
.a-FS-clear |
rgba(0, 0, 0, 0.08) | |
.ui-dialog-titlebar-close |
rgba(22, 21, 19, 0.08) | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar .t-Button--header,
.rw-pillar--neutral.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header |
rgba(255, 255, 255, 0.08) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--hot, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--hot |
rgba(255, 255, 255, .92) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--simple,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Button--noUI, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--simple,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Button--noUI |
rgba(255, 255, 255, 0.08) | |
.rw-mode-header--dark .t-Button--header |
rgba(255, 255, 255, 0.08) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--hot,
.rw-mode-body-header--dark .t-Body-title .t-Button--hot |
rgba(255, 255, 255, .92) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--simple,
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Button--noUI,
.rw-mode-body-header--dark .t-Body-title .t-Button--simple,
.rw-mode-body-header--dark .t-Body-title .t-Button--noUI |
rgba(255, 255, 255, 0.08) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-button-hover-background-color) | |
.t-Button--header |
var(--a-button-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-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-hover-background-color) | |
.a-FS-clear |
var(--a-button-hover-background-color) | |
.ui-dialog-titlebar-close |
var(--a-button-hover-background-color) | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar .t-Button--header,
.rw-pillar--neutral.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--rose.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--plum.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--sienna.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--teal.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--pebble.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--slate.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--pine.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--ocean.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--lilac.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-pillar--beige.rw-mode-header--pillar .t-Button--header |
var(--a-button-background-color) | |
.rw-mode-header--dark .t-Button--header |
var(--a-button-background-color) |
Selector | Value | Color |
---|---|---|
:root |
.3 |
Selector | Value | Color |
---|---|---|
:root |
16px | |
.a-FS-search |
8px |
Selector | Value | Color |
---|---|---|
:root |
12px | |
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel |
8px | |
.a-GV-columnItem |
8px |
Selector | Value | Color |
---|---|---|
:root |
16px | |
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel |
16px | |
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField |
12px |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
transparent | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
transparent |
Selector | Value | Color |
---|---|---|
:root |
4px | |
.a-FS-search .apex-item-text |
2px | |
.a-GV-columnItem |
0 | |
.a-Toolbar-group--search .a-Toolbar-inputText[data-enter-action="search"],
.a-IRR-search-field |
2px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.5) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
rgba(255, 255, 255, .3) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
rgba(255, 255, 255, .3) |
Selector | Value | Color |
---|---|---|
:root |
1px |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
.3 |
Selector | Value | Color |
---|---|---|
:root |
inherit |
Selector | Value | Color |
---|---|---|
:root |
.6 |
Selector | Value | Color |
---|---|---|
:root |
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZD0iTTIwIDIzbDYgNiA2LTZIMjB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzE2MTUxMyIvPjwvc3ZnPg==") | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZD0iTTIwIDIzbDYgNiA2LTZIMjB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiI+PHBhdGggZD0iTTIwIDIzbDYgNiA2LTZIMjB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") |
Selector | Value | Color |
---|---|---|
:root |
52px 52px |
Selector | Value | Color |
---|---|---|
:root |
40px |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
16px | |
.a-FS-control |
14px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
transparent | |
.u-selector |
transparent |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) | |
.u-selector |
var(--a-checkbox-checked-text-color) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-190) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.15) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
36px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
4px |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-90) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-switch-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-switch-hover-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-switch-checked-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-switch-checked-hover-background-color) |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
24px | |
.apex-item-group--file-browse |
0px |
Selector | Value | Color |
---|---|---|
:root |
24px | |
.apex-item-group--file-browse |
0px |
Selector | Value | Color |
---|---|---|
:root |
8px | |
.apex-item-group--file-browse |
var(--a-field-input-border-radius, 2px) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-border-color) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--a-field-input-border-color) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--a-field-input-border-color) |
Selector | Value | Color |
---|---|---|
:root |
dashed | |
.apex-item-group--file-browse |
solid |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--ut-component-text-muted-color) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--ut-component-text-muted-color) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.08) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-focus-border-color) |
Selector | Value | Color |
---|---|---|
:root |
rgba(49, 45, 42, 0.15) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
.04 |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.08) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.12) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-bar-focus-background-color) |
Selector | Value | Color |
---|---|---|
:root |
44px |
Selector | Value | Color |
---|---|---|
:root |
2px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-bar-border-color) |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-bar-focus-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-bar-hover-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-bar-focus-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-bar-focus-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary-contrast) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-splitter-thumb-focus-background-color) |
Selector | Value | Color |
---|---|---|
:root |
.6 |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
currentColor |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.12) | |
body:not([class*="rw-pillar--"]).rw-mode-nav--pillar,
.rw-pillar--neutral.rw-mode-nav--pillar |
var(--rw-palette-neutral-150) | |
.rw-pillar--rose.rw-mode-nav--pillar |
var(--rw-palette-rose-150) | |
.rw-pillar--plum.rw-mode-nav--pillar |
var(--rw-palette-plum-150) | |
.rw-pillar--sienna.rw-mode-nav--pillar |
var(--rw-palette-sienna-150) | |
.rw-pillar--teal.rw-mode-nav--pillar |
var(--rw-palette-teal-150) | |
.rw-pillar--pebble.rw-mode-nav--pillar |
var(--rw-palette-pebble-150) | |
.rw-pillar--slate.rw-mode-nav--pillar |
var(--rw-palette-slate-150) | |
.rw-pillar--pine.rw-mode-nav--pillar |
var(--rw-palette-pine-150) | |
.rw-pillar--ocean.rw-mode-nav--pillar |
var(--rw-palette-ocean-150) | |
.rw-pillar--lilac.rw-mode-nav--pillar |
var(--rw-palette-lilac-150) | |
.rw-pillar--beige.rw-mode-nav--pillar |
var(--rw-palette-beige-150) | |
.rw-mode-nav--dark |
var(--rw-palette-neutral-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-140) | |
body:not([class*="rw-pillar--"]).rw-mode-nav--pillar,
.rw-pillar--neutral.rw-mode-nav--pillar |
var(--rw-palette-neutral-140) | |
.rw-pillar--rose.rw-mode-nav--pillar |
var(--rw-palette-rose-140) | |
.rw-pillar--plum.rw-mode-nav--pillar |
var(--rw-palette-plum-140) | |
.rw-pillar--sienna.rw-mode-nav--pillar |
var(--rw-palette-sienna-140) | |
.rw-pillar--teal.rw-mode-nav--pillar |
var(--rw-palette-teal-140) | |
.rw-pillar--pebble.rw-mode-nav--pillar |
var(--rw-palette-pebble-140) | |
.rw-pillar--slate.rw-mode-nav--pillar |
var(--rw-palette-slate-140) | |
.rw-pillar--pine.rw-mode-nav--pillar |
var(--rw-palette-pine-140) | |
.rw-pillar--ocean.rw-mode-nav--pillar |
var(--rw-palette-ocean-140) | |
.rw-pillar--lilac.rw-mode-nav--pillar |
var(--rw-palette-lilac-140) | |
.rw-pillar--beige.rw-mode-nav--pillar |
var(--rw-palette-beige-140) | |
.rw-mode-nav--dark |
var(--rw-palette-neutral-140) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-nav--pillar,
.rw-pillar--neutral.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--rose.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--plum.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--sienna.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--teal.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--pebble.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--slate.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--pine.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--ocean.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--lilac.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--beige.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-mode-nav--dark |
var(--a-treeview-node-text-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-130) | |
body:not([class*="rw-pillar--"]).rw-mode-nav--pillar,
.rw-pillar--neutral.rw-mode-nav--pillar |
var(--rw-palette-neutral-130) | |
.rw-pillar--rose.rw-mode-nav--pillar |
var(--rw-palette-rose-130) | |
.rw-pillar--plum.rw-mode-nav--pillar |
var(--rw-palette-plum-130) | |
.rw-pillar--sienna.rw-mode-nav--pillar |
var(--rw-palette-sienna-130) | |
.rw-pillar--teal.rw-mode-nav--pillar |
var(--rw-palette-teal-130) | |
.rw-pillar--pebble.rw-mode-nav--pillar |
var(--rw-palette-pebble-130) | |
.rw-pillar--slate.rw-mode-nav--pillar |
var(--rw-palette-slate-130) | |
.rw-pillar--pine.rw-mode-nav--pillar |
var(--rw-palette-pine-130) | |
.rw-pillar--ocean.rw-mode-nav--pillar |
var(--rw-palette-ocean-130) | |
.rw-pillar--lilac.rw-mode-nav--pillar |
var(--rw-palette-lilac-130) | |
.rw-pillar--beige.rw-mode-nav--pillar |
var(--rw-palette-beige-130) | |
.rw-mode-nav--dark |
var(--rw-palette-neutral-130) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-nav--pillar,
.rw-pillar--neutral.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--rose.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--plum.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--sienna.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--teal.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--pebble.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--slate.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--pine.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--ocean.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--lilac.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--beige.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-mode-nav--dark |
var(--a-treeview-node-text-color) |
Selector | Value | Color |
---|---|---|
:root |
0 0 0 2px var(--ut-palette-primary) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) | |
.a-IG-reportSummary-item--savedReport,
.a-IG-controls-item--savedReport,
.a-IRR-reportSummary-item--savedReport,
.a-IRR-controls-item--savedReport |
var(--rw-palette-blue-100) | |
.a-IG-reportSummary-item--search,
.a-IG-controls-item--search,
.a-IRR-reportSummary-item--search,
.a-IRR-controls-item--search |
var(--rw-palette-blue-100) | |
.a-IG-reportSummary-item--filter,
.a-IG-controls-item--filter,
.a-IRR-reportSummary-item--filter,
.a-IRR-controls-item--filter |
var(--rw-palette-green-100) | |
.a-IG-reportSummary-item--controlBreak,
.a-IG-controls-item--controlBreak,
.a-IRR-reportSummary-item--controlBreak,
.a-IRR-controls-item--controlBreak |
var(--rw-palette-blue-150) | |
.a-IG-reportSummary-item--groupBy,
.a-IG-controls-item--groupBy,
.a-IRR-reportSummary-item--groupBy,
.a-IRR-controls-item--groupBy |
var(--rw-palette-blue-150) | |
.a-IG-reportSummary-item--aggregate,
.a-IG-controls-item--aggregate,
.a-IRR-reportSummary-item--aggregate,
.a-IRR-controls-item--aggregate |
var(--rw-palette-blue-150) | |
.a-IG-reportSummary-item--highlight,
.a-IG-controls-item--highlight,
.a-IRR-reportSummary-item--highlight,
.a-IRR-controls-item--highlight |
var(--rw-palette-orange-100) | |
.a-IG-reportSummary-item--flashback,
.a-IG-controls-item--flashback,
.a-IRR-reportSummary-item--flashback,
.a-IRR-controls-item--flashback |
var(--rw-palette-pebble-150) | |
.a-IG-reportSummary-item--chart,
.a-IG-controls-item--chart,
.a-IRR-reportSummary-item--chart,
.a-IRR-controls-item--chart |
var(--rw-palette-blue-150) | |
.a-IG-reportSummary-item--pivot,
.a-IG-controls-item--pivot,
.a-IRR-reportSummary-item--pivot,
.a-IRR-controls-item--pivot |
var(--rw-palette-pebble-150) | |
.a-IG-reportSummary-item--invalidSettings,
.a-IG-controls-item--invalidSettings,
.a-IRR-reportSummary-item--invalidSettings,
.a-IRR-controls-item--invalidSettings |
var(--rw-palette-pebble-100) | |
.a-IG-reportSummary-item--inactiveSettings,
.a-IG-controls-item--inactiveSettings,
.a-IRR-reportSummary-item--inactiveSettings,
.a-IRR-controls-item--inactiveSettings |
var(--rw-palette-pebble-100) |
Selector | Value | Color |
---|---|---|
:root |
#fff |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-border-width) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-border-radius) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-focus-border-color) |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-padding-x) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-font-size) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-field-input-line-height) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-border-radius, var(--ut-component-border-radius)) | |
.a-IRR |
var(--ut-region-border-radius, var(--ut-component-border-radius)) |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
10px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-semibold, 500) |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
8px | |
.a-IRR |
8px |
Selector | Value | Color |
---|---|---|
:root |
10px | |
.a-IRR |
10px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-font-size) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-line-height) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-30) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-blue-30) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
var(--a-button-text-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-button-hover-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-button-hover-text-color) |
Selector | Value | Color |
---|---|---|
:root |
#000 |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-lg) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.9) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
rgba(49, 45, 42, 0.15) |
Selector | Value | Color |
---|---|---|
:root |
48px |
Selector | Value | Color |
---|---|---|
:root |
4px |
Selector | Value | Color |
---|---|---|
:root |
rgba(49, 45, 42, 0.15) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
none |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
rgba(0, 0, 0, .2) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-red-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-sm) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-background-color, var(--ut-component-background-color)) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-text-color, var(--ut-component-text-default-color)) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-border-color, var(--ut-component-border-color)) |
Selector | Value | Color |
---|---|---|
:root |
0 |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-border-radius, var(--ut-component-border-radius)) | |
.ui-dialog .ui-dialog-titlebar:before |
4px | |
.ui-dialog .ui-dialog-titlebar:before |
4px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-lg), 0 0 0 1px var(--ut-region-border-color, var(--ut-component-border-color)) |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-title-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-border-width, var(--ut-component-border-width, 1px)) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-border-color, var(--ut-component-border-color)) |
Selector | Value | Color |
---|---|---|
:root |
36px |
Selector | Value | Color |
---|---|---|
:root |
36px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-button-border-radius, 2px) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-button-border-color) |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-md) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.9) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
transparent |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-md) |
Selector | Value | Color |
---|---|---|
:root |
light |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) | |
.t-LoginPage--bg1,
.t-LoginPage--bg2,
.t-LoginPage--bg3 |
var(--rw-palette-neutral-30) | |
.rw-mode-body--dark |
var(--rw-dark-body-title-background-color, var(--ut-body-title-background-color)) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-blue-120) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-branddark-50) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-branddark-50) | |
.rw-mode-body--dark.rw-layout--fixed .t-Footer |
var(--rw-palette-branddark-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-focus-outline-color) dotted 1px | |
.u-checkbox:focus:before,
.apex-item-checkbox input:focus + .u-checkbox:before,
.apex-item-checkbox input:focus + label:before,
.apex-item-checkbox .apex-item-option input:focus + label:before,
.apex-item-single-checkbox input:focus + .u-checkbox:before,
.apex-item-single-checkbox input:focus + label:before,
.u-radio:focus:before,
.apex-item-radio input:focus + .u-radio:before,
.apex-item-radio input:focus + label:before |
-webkit-focus-ring-color | |
.apex-button-group input:focus + label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:focus + label |
-webkit-focus-ring-color | |
.t-Header-nav .a-MenuBar-item:focus-within |
-webkit-focus-ring-color |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary) |
Selector | Value | Color |
---|---|---|
:root |
2px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar,
.rw-pillar--neutral.rw-mode-header--pillar |
var(--rw-palette-neutral-170) | |
.rw-pillar--rose.rw-mode-header--pillar |
var(--rw-palette-rose-170) | |
.rw-pillar--plum.rw-mode-header--pillar |
var(--rw-palette-plum-170) | |
.rw-pillar--sienna.rw-mode-header--pillar |
var(--rw-palette-sienna-170) | |
.rw-pillar--teal.rw-mode-header--pillar |
var(--rw-palette-teal-170) | |
.rw-pillar--pebble.rw-mode-header--pillar |
var(--rw-palette-pebble-170) | |
.rw-pillar--slate.rw-mode-header--pillar |
var(--rw-palette-slate-170) | |
.rw-pillar--pine.rw-mode-header--pillar |
var(--rw-palette-pine-170) | |
.rw-pillar--ocean.rw-mode-header--pillar |
var(--rw-palette-ocean-170) | |
.rw-pillar--lilac.rw-mode-header--pillar |
var(--rw-palette-lilac-170) | |
.rw-pillar--beige.rw-mode-header--pillar |
var(--rw-palette-beige-170) | |
.rw-mode-header--light |
var(--rw-palette-neutral-20) | |
.rw-mode-header--dark |
var(--rw-palette-neutral-170) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar,
.rw-pillar--neutral.rw-mode-header--pillar |
var(--rw-palette-neutral-0) | |
.rw-pillar--rose.rw-mode-header--pillar |
var(--rw-palette-rose-0) | |
.rw-pillar--plum.rw-mode-header--pillar |
var(--rw-palette-plum-0) | |
.rw-pillar--sienna.rw-mode-header--pillar |
var(--rw-palette-sienna-0) | |
.rw-pillar--teal.rw-mode-header--pillar |
var(--rw-palette-teal-0) | |
.rw-pillar--pebble.rw-mode-header--pillar |
var(--rw-palette-pebble-0) | |
.rw-pillar--slate.rw-mode-header--pillar |
var(--rw-palette-slate-0) | |
.rw-pillar--pine.rw-mode-header--pillar |
var(--rw-palette-pine-0) | |
.rw-pillar--ocean.rw-mode-header--pillar |
var(--rw-palette-ocean-0) | |
.rw-pillar--lilac.rw-mode-header--pillar |
var(--rw-palette-lilac-0) | |
.rw-pillar--beige.rw-mode-header--pillar |
var(--rw-palette-beige-0) | |
.rw-mode-header--light |
var(--rw-palette-neutral-190) | |
.rw-mode-header--dark |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
inset rgba(22, 21, 19, 0.1) 0 -1px 0 0 | |
body:not([class*="rw-pillar--"]).rw-mode-header--pillar,
.rw-pillar--neutral.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--rose.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--plum.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--sienna.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--teal.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--pebble.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--slate.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--pine.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--ocean.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--lilac.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-pillar--beige.rw-mode-header--pillar |
var(--ut-shadow-md) | |
.rw-mode-header--light |
inset rgba(22, 21, 19, 0.1) 0 -1px 0 0 | |
.rw-mode-header--dark |
var(--ut-shadow-md) |
Selector | Value | Color |
---|---|---|
:root |
56px |
Selector | Value | Color |
---|---|---|
:root |
40px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
100% | |
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
1392px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
1392px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-mainContent |
100% | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Footer |
100% |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-10) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-10) | |
body:not([class*="rw-layout--"]),
.rw-layout--edge-to-edge |
transparent | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
var(--ut-body-main-background-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-0) | |
.rw-pillar--rose |
var(--rw-palette-neutral-0) | |
.rw-pillar--plum |
var(--rw-palette-neutral-0) | |
.rw-pillar--sienna |
var(--rw-palette-neutral-0) | |
.rw-pillar--teal |
var(--rw-palette-neutral-0) | |
.rw-pillar--pebble |
var(--rw-palette-neutral-0) | |
.rw-pillar--slate |
var(--rw-palette-neutral-0) | |
.rw-pillar--pine |
var(--rw-palette-neutral-0) | |
.rw-pillar--ocean |
var(--rw-palette-neutral-0) | |
.rw-pillar--lilac |
var(--rw-palette-neutral-0) | |
.rw-pillar--beige |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-dark-body-title-background-color) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) | |
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-100) | |
.rw-pillar--rose |
var(--rw-palette-rose-100) | |
.rw-pillar--plum |
var(--rw-palette-plum-100) | |
.rw-pillar--sienna |
var(--rw-palette-sienna-100) | |
.rw-pillar--teal |
var(--rw-palette-teal-100) | |
.rw-pillar--pebble |
var(--rw-palette-pebble-100) | |
.rw-pillar--slate |
var(--rw-palette-slate-100) | |
.rw-pillar--pine |
var(--rw-palette-pine-100) | |
.rw-pillar--ocean |
var(--rw-palette-ocean-100) | |
.rw-pillar--lilac |
var(--rw-palette-lilac-100) | |
.rw-pillar--beige |
var(--rw-palette-beige-100) |
Selector | Value | Color |
---|---|---|
:root |
12px | |
.t-Body-title |
6px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title |
0 |
Selector | Value | Color |
---|---|---|
:root |
none | |
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) .t-Body-title |
none | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title |
none |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-family-serif) |
Selector | Value | Color |
---|---|---|
:root |
400 |
Selector | Value | Color |
---|---|---|
:root |
28px |
Selector | Value | Color |
---|---|---|
:root |
36px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
32px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
18px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-100) | |
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-100) | |
.rw-pillar--rose |
var(--rw-palette-rose-100) | |
.rw-pillar--plum |
var(--rw-palette-plum-100) | |
.rw-pillar--sienna |
var(--rw-palette-sienna-100) | |
.rw-pillar--teal |
var(--rw-palette-teal-100) | |
.rw-pillar--pebble |
var(--rw-palette-pebble-100) | |
.rw-pillar--slate |
var(--rw-palette-slate-100) | |
.rw-pillar--pine |
var(--rw-palette-pine-100) | |
.rw-pillar--ocean |
var(--rw-palette-ocean-100) | |
.rw-pillar--lilac |
var(--rw-palette-lilac-100) | |
.rw-pillar--beige |
var(--rw-palette-beige-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
56px |
Selector | Value | Color |
---|---|---|
:root |
28px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
400 |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-family-serif) |
Selector | Value | Color |
---|---|---|
:root |
28px |
Selector | Value | Color |
---|---|---|
:root |
36px |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
280px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout).t-PageTemplate--leftCol, .rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout).t-PageTemplate--leftRightCol |
320px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
1 |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
2px |
Selector | Value | Color |
---|---|---|
:root |
13px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
"Oracle Sans Cd" |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
240px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.7) | |
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel |
var(--ut-field-fl-label-text-color) | |
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.is-active, .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel:focus-within |
var(--ut-palette-primary) | |
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup |
var(--ut-component-text-muted-color) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Form-fieldContainer--floatingLabel.is-active,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG .t-Form-fieldContainer--floatingLabel:focus-within, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Form-fieldContainer--floatingLabel.is-active,
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG .t-Form-fieldContainer--floatingLabel:focus-within |
var(--rw-palette-branddark-50) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel.is-active,
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel:focus-within,
.rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel.is-active,
.rw-mode-body-header--dark .t-Body-title .t-Form-fieldContainer--floatingLabel:focus-within |
var(--rw-palette-branddark-50) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.7) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
rgba(255, 255, 255, 0.7) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
rgba(255, 255, 255, 0.7) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-semibold, 500) |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
1px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-sm) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-lg) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-sm) |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
1px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-region-box-shadow) |
Selector | Value | Color |
---|---|---|
:root |
rgba(0, 0, 0, .8) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) | |
.t-CardsRegion--styleB |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
0px | |
.t-CardsRegion--styleB |
0px |
Selector | Value | Color |
---|---|---|
:root |
0px | |
.t-CardsRegion--styleB |
0px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
0px | |
.t-CardsRegion--styleB |
0px |
Selector | Value | Color |
---|---|---|
:root |
unset |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary-contrast) |
Selector | Value | Color |
---|---|---|
:root |
4px | |
.t-CardsRegion--styleB |
4px | |
.t-CardsRegion--styleB .has-icon--top |
4px | |
.t-CardsRegion--styleB .has-icon--top |
8px |
Selector | Value | Color |
---|---|---|
:root |
24px | |
.t-CardsRegion--styleB |
32px | |
.t-CardsRegion--styleB .has-icon--top |
32px | |
.t-CardsRegion--styleB .has-icon--top |
56px |
Selector | Value | Color |
---|---|---|
:root |
40px | |
.t-CardsRegion--styleB |
64px | |
.t-CardsRegion--styleB .has-icon--top |
112px | |
.t-CardsRegion--styleB .has-icon--top |
144px |
Selector | Value | Color |
---|---|---|
:root |
4px | |
.t-CardsRegion--styleB |
var(--a-cv-icon-border-radius) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-border-radius) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-border-radius) |
Selector | Value | Color |
---|---|---|
:root |
44px | |
.t-CardsRegion--styleB |
var(--a-cv-icon-container-size) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-container-size) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-container-size) |
Selector | Value | Color |
---|---|---|
:root |
16px | |
.t-CardsRegion--styleB |
32px | |
.t-CardsRegion--styleB .has-icon--top |
32px | |
.t-CardsRegion--styleB .has-icon--top |
56px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-semibold, 500) | |
.t-CardsRegion--styleB |
400 |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-130) |
Selector | Value | Color |
---|---|---|
:root |
20px | |
.t-CardsRegion--styleB |
20px |
Selector | Value | Color |
---|---|---|
:root |
800 |
Selector | Value | Color |
---|---|---|
:root |
28px | |
.t-CardsRegion--styleB |
28px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
400 |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) | |
.a-CardView.has-media--background |
rgba(255, 255, 255, 0.7) |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
700 |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) | |
.a-CardView.has-media--background |
rgba(255, 255, 255, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
6px | |
.t-CardsRegion--styleB |
20px |
Selector | Value | Color |
---|---|---|
:root |
4px 8px | |
.t-CardsRegion--styleB |
4px 12px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) | |
.a-CardView.has-media--background |
rgba(255, 255, 255, 0.7) |
Selector | Value | Color |
---|---|---|
:root |
0px | |
.t-CardsRegion--styleB |
0px |
Selector | Value | Color |
---|---|---|
:root |
unset |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) | |
.t-CardsRegion--styleB |
unset | |
.t-CardsRegion--styleB |
transparent |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
44px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-semibold, 500) |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-font-size) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-line-height) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-font-weight, var(--a-base-font-weight-bold, 700)) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-border-width, 1px) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-padding-y, 4px) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-header-cell-padding-x, 8px) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-cell-border-width) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-cell-border-color) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-font-size) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-line-height) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-cell-padding-y) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-gv-cell-padding-x) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-semibold, 500) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-muted-color) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--ut-component-text-muted-color) |
Selector | Value | Color |
---|---|---|
:root |
3px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-palette-primary) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-branddark-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-text-title-color) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--ut-component-text-title-color) |
Selector | Value | Color |
---|---|---|
:root |
44px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
4px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.4) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.4) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
28px | |
.t-Body-title |
16px |
Selector | Value | Color |
---|---|---|
:root |
2px |
Selector | Value | Color |
---|---|---|
:root |
32px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-family) |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
0 2px 4px -2px rgba(0, 0, 0, .1) |
Selector | Value | Color |
---|---|---|
:root |
0 8px 32px -10px rgba(0, 0, 0, .3) |
Selector | Value | Color |
---|---|---|
:root |
0 24px 48px -24px rgba(0, 0, 0, .3) |
Selector | Value | Color |
---|---|---|
:root |
2px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
8px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-border-radius-md) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.1) |
Selector | Value | Color |
---|---|---|
:root |
1px |
Selector | Value | Color |
---|---|---|
:root |
6px |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-shadow-lg) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
var(--ut-component-border-width) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.04) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.8) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
rgba(255, 255, 255, 0.8) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
rgba(255, 255, 255, 0.8) |
Selector | Value | Color |
---|---|---|
:root |
rgba(22, 21, 19, 0.7) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
rgba(255, 255, 255, 0.7) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
rgba(255, 255, 255, 0.7) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
4px |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-ocean-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-ocean-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-fog-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-fog-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-teal-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-teal-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pine-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pine-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-beige-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-beige-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-branddark-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-branddark-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-sienna-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-sienna-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-oraclered-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-oraclered-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-rose-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-rose-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-coral-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-coral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-plum-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-plum-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-lilac-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-lilac-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pebble-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pebble-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-slate-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-slate-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-ocean-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-ocean-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-fog-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-fog-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-teal-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-teal-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pine-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pine-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-beige-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-beige-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-branddark-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-branddark-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-sienna-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-sienna-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-oraclered-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-oraclered-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-rose-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-rose-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-coral-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-coral-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-plum-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-plum-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-lilac-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-lilac-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pebble-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pebble-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-slate-50) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-slate-200) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-ocean-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-ocean-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-fog-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-fog-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-teal-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-teal-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pine-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pine-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-beige-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-beige-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-branddark-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-branddark-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-sienna-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-sienna-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-oraclered-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-oraclered-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-rose-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-rose-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-coral-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-coral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-plum-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-plum-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-lilac-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-lilac-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pebble-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-pebble-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-slate-150) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-slate-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-brandlight-10) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-30) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-170) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-red-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-red-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-red-10) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-orange-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-orange-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-orange-10) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-green-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-green-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-green-10) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-blue-100) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-blue-0) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-blue-10) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-20) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
:root |
var(--rw-palette-neutral-10) |
Selector | Value | Color |
---|---|---|
:root |
40px | |
:root |
36px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-heavy, 900) |
Selector | Value | Color |
---|---|---|
:root |
1.3 | |
:root |
1.2222 |
Selector | Value | Color |
---|---|---|
:root |
36px | |
:root |
32px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-heavy, 900) |
Selector | Value | Color |
---|---|---|
:root |
1.222 | |
:root |
1.25 |
Selector | Value | Color |
---|---|---|
:root |
32px | |
:root |
28px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-heavy, 900) |
Selector | Value | Color |
---|---|---|
:root |
1.25 | |
:root |
1.2857 |
Selector | Value | Color |
---|---|---|
:root |
28px | |
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-heavy, 900) |
Selector | Value | Color |
---|---|---|
:root |
1.2857 | |
:root |
1.3333 |
Selector | Value | Color |
---|---|---|
:root |
24px | |
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-heavy, 900) |
Selector | Value | Color |
---|---|---|
:root |
1.3333 | |
:root |
1.4 |
Selector | Value | Color |
---|---|---|
:root |
20px | |
:root |
18px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-heavy, 900) |
Selector | Value | Color |
---|---|---|
:root |
1.4 | |
:root |
1.3333 |
Selector | Value | Color |
---|---|---|
:root |
36px | |
:root |
32px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
1.2222 | |
:root |
1.25 |
Selector | Value | Color |
---|---|---|
:root |
32px | |
:root |
28px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
1.25 | |
:root |
1.2857 |
Selector | Value | Color |
---|---|---|
:root |
28px | |
:root |
24px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
1.2857 | |
:root |
1.3333 |
Selector | Value | Color |
---|---|---|
:root |
24px | |
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
1.3333 | |
:root |
1.4 |
Selector | Value | Color |
---|---|---|
:root |
20px | |
:root |
18px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
1.4 | |
:root |
1.3333 |
Selector | Value | Color |
---|---|---|
:root |
16px | |
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
var(--a-base-font-weight-bold, 700) |
Selector | Value | Color |
---|---|---|
:root |
1.5 | |
:root |
1.4545 |
Selector | Value | Color |
---|---|---|
:root |
20px |
Selector | Value | Color |
---|---|---|
:root |
1.4 |
Selector | Value | Color |
---|---|---|
:root |
18px |
Selector | Value | Color |
---|---|---|
:root |
1.3333 |
Selector | Value | Color |
---|---|---|
:root |
16px |
Selector | Value | Color |
---|---|---|
:root |
1.25 |
Selector | Value | Color |
---|---|---|
:root |
14px |
Selector | Value | Color |
---|---|---|
:root |
1.2 |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
1.3333 |
Selector | Value | Color |
---|---|---|
:root |
10px |
Selector | Value | Color |
---|---|---|
:root |
1.2 |
Selector | Value | Color |
---|---|---|
.rw-typography-normal |
400 |
Selector | Value | Color |
---|---|---|
.rw-typography-bold |
700 | |
.t-WizardSteps-marker:before |
700 |
Selector | Value | Color |
---|---|---|
.rw-typography-heavy |
900 |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
16px |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
8px |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
16px |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
20px |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
16px |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
var(--rw-palette-neutral-190) | |
.t-Alert--page.t-Alert--warning |
var(--rw-palette-neutral-190) | |
.t-Alert--page.t-Alert--success |
var(--rw-palette-neutral-190) | |
.t-Alert--page.t-Alert--danger |
var(--rw-palette-neutral-190) | |
.t-Alert--page.t-Alert--info |
var(--rw-palette-neutral-190) |
Selector | Value | Color |
---|---|---|
.t-Alert--page |
transparent |
Selector | Value | Color |
---|---|---|
.t-Alert--page .t-Alert-title |
var(--ut-notification-title-font-size) |
Selector | Value | Color |
---|---|---|
.t-Alert--page .t-Alert-title |
var(--ut-notification-title-line-height) |
Selector | Value | Color |
---|---|---|
.t-Alert--page .a-Notification-list |
12px |
Selector | Value | Color |
---|---|---|
.t-Alert--page.t-Alert--warning |
var(--rw-palette-orange-10) | |
.t-Alert--page.t-Alert--success |
var(--rw-palette-green-10) | |
.t-Alert--page.t-Alert--danger |
var(--rw-palette-red-10) | |
.t-Alert--page.t-Alert--info |
var(--rw-palette-blue-10) |
Selector | Value | Color |
---|---|---|
.t-Alert--page.t-Alert--warning |
var(--rw-palette-orange-120) | |
.t-Alert--page.t-Alert--success |
var(--rw-palette-green-120) | |
.t-Alert--page.t-Alert--danger |
var(--rw-palette-red-120) | |
.t-Alert--page.t-Alert--info |
var(--rw-palette-blue-120) |
Selector | Value | Color |
---|---|---|
.t-Alert--page.t-Alert--warning |
var(--rw-palette-orange-120) | |
.t-Alert--page.t-Alert--success |
var(--rw-palette-green-120) | |
.t-Alert--page.t-Alert--danger |
var(--rw-palette-red-120) | |
.t-Alert--page.t-Alert--info |
var(--rw-palette-blue-120) |
Selector | Value | Color |
---|---|---|
.t-Alert--page.t-Alert--warning |
var(--rw-palette-orange-120) | |
.t-Alert--page.t-Alert--success |
var(--rw-palette-green-120) | |
.t-Alert--page.t-Alert--danger |
var(--rw-palette-red-120) | |
.t-Alert--page.t-Alert--info |
var(--rw-palette-blue-120) |
Selector | Value | Color |
---|---|---|
.t-Button--header |
none |
Selector | Value | Color |
---|---|---|
.t-Button--headerTree |
0 |
Selector | Value | Color |
---|---|---|
.t-Button--headerTree |
var(--a-button-icon-size) |
Selector | Value | Color |
---|---|---|
.t-Button--headerTree |
var(--a-button-icon-size) |
Selector | Value | Color |
---|---|---|
.t-Button--headerTree |
var(--a-button-icon-size) |
Selector | Value | Color |
---|---|---|
.t-Badge |
condensed | |
.rw-badge,
.rw-Badge |
condensed | |
.t-MegaMenu-badge |
condensed |
Selector | Value | Color |
---|---|---|
.rw-badge,
.rw-Badge |
6px |
Selector | Value | Color |
---|---|---|
.rw-badge,
.rw-Badge |
24px | |
.rw-badge,
.rw-Badge |
24px | |
.rw-badge,
.rw-Badge |
24px |
Selector | Value | Color |
---|---|---|
.rw-badge,
.rw-Badge |
11px |
Selector | Value | Color |
---|---|---|
.rw-badge,
.rw-Badge |
700 | |
.t-MegaMenu-badge |
700 |
Selector | Value | Color |
---|---|---|
.t-BreadcrumbRegion |
16px |
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 |
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 |
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 |
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 |
var(--rw-palette-neutral-0) | |
.t-Button--warning |
var(--a-button-text-color) | |
.t-Button--warning.t-Button--simple |
var(--rw-palette-orange-0) | |
.t-Button--success |
var(--a-button-text-color) | |
.t-Button--success.t-Button--simple |
var(--rw-palette-green-0) | |
.ui-button--danger,
.t-Button--danger |
var(--a-button-text-color) | |
.ui-button--danger.t-Button--simple,
.t-Button--danger.t-Button--simple |
var(--rw-palette-red-0) | |
.t-Button--primary |
var(--a-button-text-color) | |
.t-Button--primary.t-Button--simple |
var(--rw-palette-neutral-0) | |
.t-Form-helpButton |
var(--ut-component-text-default-color) | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-text-color) | |
.a-FS-clear |
var(--a-button-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-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-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-border-color) | |
.a-FS-clear |
var(--a-button-border-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-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-hover-text-color) | |
.a-FS-clear |
var(--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-active-background-color) | |
.t-Button--warning |
var(--a-button-active-background-color) | |
.t-Button--success |
var(--a-button-active-background-color) | |
.ui-button--danger,
.t-Button--danger |
var(--a-button-active-background-color) | |
.t-Button--primary |
var(--a-button-active-background-color) | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-active-border-color) | |
.a-FS-clear |
var(--a-button-active-border-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-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-hover-text-color) | |
.a-FS-clear |
var(--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-focus-background-color) | |
.t-Button--warning |
var(--a-button-focus-background-color) | |
.t-Button--success |
var(--a-button-focus-background-color) | |
.ui-button--danger,
.t-Button--danger |
var(--a-button-focus-background-color) | |
.t-Button--primary |
var(--a-button-focus-background-color) | |
.a-FS-clearAll,
.a-FS-clearButton,
.a-FS-toggleOverflow |
var(--a-button-focus-border-color) | |
.a-FS-clear |
var(--a-button-focus-border-color) |
Selector | Value | Color |
---|---|---|
.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 |
Selector | Value | Color |
---|---|---|
.t-Form-helpButton |
20px | |
.a-Button.a-Button--actions |
20px | |
.a-FS-toggle,
.a-FS-addChart,
.a-FS-changeChartType,
.a-FS-removeChart |
20px | |
.a-FS-search |
20px | |
.a-IG-button.a-IG-button--controls,
.a-IRR-button.a-IRR-button--controls |
20px | |
.a-IG-controlsIcon,
.a-IRR-controlsIcon,
.a-IRR-button.a-IRR-sortWidget-button |
20px | |
.a-IG-reportSummary-icon,
.a-IRR-reportSummary-icon |
20px | |
.a-IG-button.a-IG-button--remove,
.a-IRR-button.a-IRR-button--remove |
20px |
Selector | Value | Color |
---|---|---|
.t-Form-helpButton |
none |
Selector | Value | Color |
---|---|---|
:root |
12px |
Selector | Value | Color |
---|---|---|
:root |
0px |
Selector | Value | Color |
---|---|---|
.a-CardView.has-media--background |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
.t-CardsRegion--styleB |
hidden |
Selector | Value | Color |
---|---|---|
.t-CardsRegion--styleB |
var(--a-cv-icon-container-size) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-container-size) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-container-size) |
Selector | Value | Color |
---|---|---|
.t-CardsRegion--styleB |
var(--a-cv-icon-border-radius) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-border-radius) | |
.t-CardsRegion--styleB .has-icon--top |
var(--a-cv-icon-border-radius) |
Selector | Value | Color |
---|---|---|
.t-CardsRegion--styleB |
unset |
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 |
Selector | Value | Color |
---|---|---|
.ui-dialog .ui-dialog-titlebar:before |
20px | |
.a-DevTools |
0px |
Selector | Value | Color |
---|---|---|
.ui-dialog .ui-dialog-titlebar:before |
600px 20px |
Selector | Value | Color |
---|---|---|
.t-ContentBlock--h1 > .t-ContentBlock-header,
.t-ContentBlock--h2 > .t-ContentBlock-header |
400 | |
.t-ContentBlock--h3 |
900 |
Selector | Value | Color |
---|---|---|
.t-ContentBlock--h1 > .t-ContentBlock-header,
.t-ContentBlock--h2 > .t-ContentBlock-header |
var(--a-base-font-family-serif) |
Selector | Value | Color |
---|---|---|
.t-ContentBlock--h1 > .t-ContentBlock-header |
16px | |
.t-ContentBlock--h2 > .t-ContentBlock-header |
16px |
Selector | Value | Color |
---|---|---|
.t-ContentBlock--h1 > .t-ContentBlock-header |
40px | |
.t-ContentBlock--h2 > .t-ContentBlock-header |
32px |
Selector | Value | Color |
---|---|---|
.t-ContentBlock--h1 > .t-ContentBlock-header |
48px | |
.t-ContentBlock--h2 > .t-ContentBlock-header |
40px |
Selector | Value | Color |
---|---|---|
.t-Body-title |
0px |
Selector | Value | Color |
---|---|---|
.a-FS-clear .a-Icon.icon-multi-remove |
2px |
Selector | Value | Color |
---|---|---|
.a-FS-clear .a-Icon.icon-multi-remove |
20px |
Selector | Value | Color |
---|---|---|
.a-FS-facetsDashboard |
var(--ut-component-border-radius) |
Selector | Value | Color |
---|---|---|
.a-FS-facetsDashboard |
var(--ut-component-border-color) |
Selector | Value | Color |
---|---|---|
.a-FS-facetsDashboard |
var(--ut-component-background-color) |
Selector | Value | Color |
---|---|---|
.a-FS-facetsDashboard |
var(--ut-region-box-shadow) |
Selector | Value | Color |
---|---|---|
.t-Form-error:before |
"apex-5-icon-font" |
Selector | Value | Color |
---|---|---|
.apex-item-wrapper--has-icon,
.apex-item-wrapper--color-picker |
16px |
Selector | Value | Color |
---|---|---|
.apex-item-wrapper--color-picker |
16px | |
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker |
16px |
Selector | Value | Color |
---|---|---|
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel |
none |
Selector | Value | Color |
---|---|---|
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon, .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker |
calc(var(--ut-field-input-icon-offset, 24px) - var(--a-field-input-border-width, 1px)) |
Selector | Value | Color |
---|---|---|
.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon, .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker |
var(--ut-field-input-icon-offset, 24px) |
Selector | Value | Color |
---|---|---|
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup |
12px |
Selector | Value | Color |
---|---|---|
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .t-Form-label,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .t-Form-label |
4px |
Selector | Value | Color |
---|---|---|
.u-selector |
var(--ut-component-highlight-background-color) |
Selector | Value | Color |
---|---|---|
.u-selector |
.4 |
Selector | Value | Color |
---|---|---|
.apex-item-group--file-browse |
20px |
Selector | Value | Color |
---|---|---|
.apex-item-group--file-browse |
16px |
Selector | Value | Color |
---|---|---|
.apex-item-group--file-browse |
20px |
Selector | Value | Color |
---|---|---|
.apex-item-group--file-browse |
400 |
Selector | Value | Color |
---|---|---|
.a-GV-columnControls .a-Button |
transparent | |
.a-IRR-button.a-IRR-button--pagination,
.a-IRR-button.a-IRR-button--pagination:hover |
transparent |
Selector | Value | Color |
---|---|---|
.a-GV-columnControls .a-Button |
inherit | |
.a-IRR-button.a-IRR-button--pagination,
.a-IRR-button.a-IRR-button--pagination:hover |
inherit |
Selector | Value | Color |
---|---|---|
.a-GV-pagination |
8px |
Selector | Value | Color |
---|---|---|
.a-GV-pagination |
8px |
Selector | Value | Color |
---|---|---|
.a-IRR-header--group |
1px |
Selector | Value | Color |
---|---|---|
.t-Report-colHead |
40px |
Selector | Value | Color |
---|---|---|
.a-Table-columntogglePopup.ui-dialog-content |
8p |
Selector | Value | Color |
---|---|---|
.a-IG-reportSummary-item--savedReport,
.a-IG-controls-item--savedReport,
.a-IRR-reportSummary-item--savedReport,
.a-IRR-controls-item--savedReport |
var(--rw-palette-blue-10) | |
.a-IG-reportSummary-item--search,
.a-IG-controls-item--search,
.a-IRR-reportSummary-item--search,
.a-IRR-controls-item--search |
var(--rw-palette-blue-10) | |
.a-IG-reportSummary-item--filter,
.a-IG-controls-item--filter,
.a-IRR-reportSummary-item--filter,
.a-IRR-controls-item--filter |
var(--rw-palette-green-10) | |
.a-IG-reportSummary-item--controlBreak,
.a-IG-controls-item--controlBreak,
.a-IRR-reportSummary-item--controlBreak,
.a-IRR-controls-item--controlBreak |
var(--rw-palette-blue-30) | |
.a-IG-reportSummary-item--groupBy,
.a-IG-controls-item--groupBy,
.a-IRR-reportSummary-item--groupBy,
.a-IRR-controls-item--groupBy |
var(--rw-palette-blue-30) | |
.a-IG-reportSummary-item--aggregate,
.a-IG-controls-item--aggregate,
.a-IRR-reportSummary-item--aggregate,
.a-IRR-controls-item--aggregate |
var(--rw-palette-blue-30) | |
.a-IG-reportSummary-item--highlight,
.a-IG-controls-item--highlight,
.a-IRR-reportSummary-item--highlight,
.a-IRR-controls-item--highlight |
var(--rw-palette-orange-10) | |
.a-IG-reportSummary-item--flashback,
.a-IG-controls-item--flashback,
.a-IRR-reportSummary-item--flashback,
.a-IRR-controls-item--flashback |
var(--rw-palette-pebble-30) | |
.a-IG-reportSummary-item--chart,
.a-IG-controls-item--chart,
.a-IRR-reportSummary-item--chart,
.a-IRR-controls-item--chart |
var(--rw-palette-blue-50) | |
.a-IG-reportSummary-item--pivot,
.a-IG-controls-item--pivot,
.a-IRR-reportSummary-item--pivot,
.a-IRR-controls-item--pivot |
var(--rw-palette-pebble-30) | |
.a-IG-reportSummary-item--invalidSettings,
.a-IG-controls-item--invalidSettings,
.a-IRR-reportSummary-item--invalidSettings,
.a-IRR-controls-item--invalidSettings |
var(--rw-palette-pebble-10) | |
.a-IG-reportSummary-item--inactiveSettings,
.a-IG-controls-item--inactiveSettings,
.a-IRR-reportSummary-item--inactiveSettings,
.a-IRR-controls-item--inactiveSettings |
var(--rw-palette-pebble-10) |
Selector | Value | Color |
---|---|---|
.t-MegaMenu |
none |
Selector | Value | Color |
---|---|---|
.t-MegaMenu |
var(--ut-component-toolbar-background-color) | |
.t-MegaMenu-badge |
var(--ut-component-badge-background-color) |
Selector | Value | Color |
---|---|---|
.t-MegaMenu |
var(--ut-component-text-default-color) | |
.t-MegaMenu-badge |
var(--ut-component-badge-text-color) |
Selector | Value | Color |
---|---|---|
.apex-rds |
14px |
Selector | Value | Color |
---|---|---|
.apex-rds |
16px |
Selector | Value | Color |
---|---|---|
.t-Body-title .apex-rds-container |
16px | |
.t-Body-title .apex-rds-container |
16px | |
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
24px | |
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
48px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
24px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
48px |
Selector | Value | Color |
---|---|---|
.t-Timeline--compact .t-Timeline-typename |
var(--a-base-font-weight-semibold, 500) |
Selector | Value | Color |
---|---|---|
.t-Timeline--compact .t-Timeline-type |
4px |
Selector | Value | Color |
---|---|---|
.t-WizardSteps |
20px | |
.t-WizardSteps-step.is-active .t-WizardSteps-marker,
.t-WizardSteps-step.is-complete .t-WizardSteps-marker |
20px |
Selector | Value | Color |
---|---|---|
.t-WizardSteps |
12px |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-190) | |
.rw-pillar--rose |
var(--rw-palette-neutral-190) | |
.rw-pillar--plum |
var(--rw-palette-neutral-190) | |
.rw-pillar--sienna |
var(--rw-palette-neutral-190) | |
.rw-pillar--teal |
var(--rw-palette-neutral-190) | |
.rw-pillar--pebble |
var(--rw-palette-neutral-190) | |
.rw-pillar--slate |
var(--rw-palette-neutral-190) | |
.rw-pillar--pine |
var(--rw-palette-neutral-190) | |
.rw-pillar--ocean |
var(--rw-palette-neutral-190) | |
.rw-pillar--lilac |
var(--rw-palette-neutral-190) | |
.rw-pillar--beige |
var(--rw-palette-neutral-190) | |
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
350px 350px | |
.rw-pillar--rose |
550px 550px | |
.rw-pillar--plum |
300px 300px | |
.rw-pillar--sienna |
300px 300px | |
.rw-pillar--teal |
300px 300px | |
.rw-pillar--pebble |
450px 450px | |
.rw-pillar--slate |
480px 480px | |
.rw-pillar--pine |
350px 350px | |
.rw-pillar--ocean |
475px 475px | |
.rw-pillar--lilac |
650px 650px | |
.rw-pillar--beige |
auto |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-140) | |
.rw-pillar--rose |
var(--rw-palette-rose-140) | |
.rw-pillar--plum |
var(--rw-palette-plum-140) | |
.rw-pillar--sienna |
var(--rw-palette-sienna-140) | |
.rw-pillar--teal |
var(--rw-palette-teal-140) | |
.rw-pillar--pebble |
var(--rw-palette-pebble-140) | |
.rw-pillar--slate |
var(--rw-palette-slate-140) | |
.rw-pillar--pine |
var(--rw-palette-pine-140) | |
.rw-pillar--ocean |
var(--rw-palette-ocean-140) | |
.rw-pillar--lilac |
var(--rw-palette-lilac-140) | |
.rw-pillar--beige |
var(--rw-palette-beige-140) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-100) | |
.rw-pillar--rose |
var(--rw-palette-rose-100) | |
.rw-pillar--plum |
var(--rw-palette-plum-100) | |
.rw-pillar--sienna |
var(--rw-palette-sienna-100) | |
.rw-pillar--teal |
var(--rw-palette-teal-100) | |
.rw-pillar--pebble |
var(--rw-palette-pebble-100) | |
.rw-pillar--slate |
var(--rw-palette-slate-100) | |
.rw-pillar--pine |
var(--rw-palette-pine-100) | |
.rw-pillar--ocean |
var(--rw-palette-ocean-100) | |
.rw-pillar--lilac |
var(--rw-palette-lilac-100) | |
.rw-pillar--beige |
var(--rw-palette-beige-100) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]),
.rw-pillar--neutral |
var(--rw-palette-neutral-140) | |
.rw-pillar--rose |
var(--rw-palette-rose-140) | |
.rw-pillar--plum |
var(--rw-palette-plum-140) | |
.rw-pillar--sienna |
var(--rw-palette-sienna-140) | |
.rw-pillar--teal |
var(--rw-palette-teal-140) | |
.rw-pillar--pebble |
var(--rw-palette-pebble-140) | |
.rw-pillar--slate |
var(--rw-palette-slate-140) | |
.rw-pillar--pine |
var(--rw-palette-pine-140) | |
.rw-pillar--ocean |
var(--rw-palette-ocean-140) | |
.rw-pillar--lilac |
var(--rw-palette-lilac-140) | |
.rw-pillar--beige |
var(--rw-palette-beige-140) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]).rw-mode-nav--pillar,
.rw-pillar--neutral.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--rose.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--plum.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--sienna.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--teal.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--pebble.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--slate.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--pine.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--ocean.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--lilac.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-pillar--beige.rw-mode-nav--pillar |
var(--a-treeview-node-text-color) | |
.rw-mode-nav--dark |
var(--a-treeview-node-text-color) |
Selector | Value | Color |
---|---|---|
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
24px | |
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
48px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
24px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
48px |
Selector | Value | Color |
---|---|---|
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
24px | |
.rw-layout--contained:not(.rw-layout--edge-to-edge):not(.rw-layout--fixed):not(.rw-layout--foldout) |
48px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
24px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
48px |
Selector | Value | Color |
---|---|---|
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
64px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title |
64px |
Selector | Value | Color |
---|---|---|
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) |
24px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title |
24px | |
.rw-layout--fixed:not(.rw-layout--edge-to-edge):not(.rw-layout--contained):not(.rw-layout--foldout) .t-Body-title |
24px |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout |
0px |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock |
0px |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock |
16px | |
.rw-layout--foldout .t-ContentBlock |
16px | |
.rw-layout--foldout .t-ContentBlock |
48px |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock |
16px | |
.rw-layout--foldout .t-ContentBlock |
16px | |
.rw-layout--foldout .t-ContentBlock |
24px | |
.rw-layout--foldout .t-ContentBlock |
48px |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock |
var(--rw-palette-neutral-10) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--lightBG |
var(--rw-palette-neutral-0) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-150) | |
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-foldout-panel-pillar-background-color) |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--lightBG |
transparent |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--lightBG |
0px |
Selector | Value | Color |
---|---|---|
.rw-layout--foldout .t-ContentBlock.t-ContentBlock--shadowBG, .rw-layout--foldout .t-ContentBlock.t-ContentBlock--pillarBG |
var(--rw-palette-neutral-0) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--ut-body-title-text-color) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--ut-body-title-text-color) |
Selector | Value | Color |
---|---|---|
body:not([class*="rw-pillar--"]).rw-mode-body-header--dark .t-Body-title,
.rw-mode-body-header--dark .t-Body-title |
var(--ut-body-title-text-color) |