Friday, January 26, 2024

Setting Control Values for a custom theme

 Label - Normal:

1. Color

defaults.textColor

2. Font

defaults.font

3. Size

defaults.fontSize

==================================================================================================================================================

Label - Header:

1. Color

defaults.textColor

2. Font

defaults.font

3. Size

defaults.fontSize + 3

4. FontWeight

FontWeight.Semibold

==================================================================================================================================================

Label - Instructions:

1. Color

defaults.textColor

2. Font

defaults.font

3. Size

defaults.fontSize

4. Italic

true

==================================================================================================================================================

Label - Sub Header:

1. Color

If(var_nightTheme, ColorFade(defaults.primaryColor, 60%), ColorFade(defaults.primaryColor, -60%))

2. Font

defaults.font

3. Size

defaults.fontSize+1

==================================================================================================================================================

Label - Error:

1. Color

defaults.errorColor

2. Font

defaults.font

3. Size

defaults.fontSize

==================================================================================================================================================

Combobox :

1. BorderStyle 

BorderStyle.None

2. BorderThickness

0

3. ChevronBackground

defaults.backgroundColor

4. ChevronFill

defaults.secondaryColor

5. ChevronHoverBackground

ColorFade(defaults.backgroundColor, -20%)

6. ChevronHoverFill

defaults.secondaryColor

7. Color

defaults.textColor

8. DisabledColor

ColorFade(defaults.textColor, 30 %)

9. DisabledFill

ColorFade(Self.Fill, 60 %)

10. Fill

defaults.backgroundColor

11. Font

defaults.font

12. HoverColor

defaults.textColor

13. HoverFill

ColorFade(Self.Fill, -20%)

14. PaddingLeft

15

15. PressedFill

Self.Fill

16. SelectionFill

defaults.secondaryColor

17. Size

defaults.fontSize

==================================================================================================================================================

DropDown :

1. BorderStyle

BorderStyle.None

2. ChevronBackground

defaults.backgroundColor

3. ChevronFill

defaults.secondaryColor

4. ChevronHoverBackground

ColorFade(defaults.backgroundColor, -20%)

5. ChevronHoverFill

defaults.secondaryColor

6. Color

defaults.textColor

7. DisabledColor

ColorFade(defaults.textColor, 30 %)

8. DisabledFill

ColorFade(Self.Fill, 60 %)

9. Fill

defaults.backgroundColor

10. Font

defaults.font

11. HoverColor

defaults.textColor

12. HoverFill

ColorFade(Self.Fill, -20%)

13. PressedFill

Self.Fill

14. SelectionFill

defaults.secondaryColor

==================================================================================================================================================

TextInput:

1. BorderThickness

0

2. Color

defaults.textColor

3. DisabledColor

ColorFade(defaults.textColor, 30 %)

4. DisabledFill

ColorFade(Self.Fill, 60 %)

5. Fill

defaults.backgroundColor

6. FocusedBorderThickness

1

7. Font

defaults.font

8. HoverBorderColor

Self.BorderColor

9. HoverFill

ColorFade(Self.Fill, -20%)

10. MaxLength

256

11. RadiusBottomLeft

0

12. RadiusBottomRight

0

13. RadiusTopLeft

0

14. RadiusTopRight

0

15. Size

defaults.fontSize

==================================================================================================================================================

DatePicker:

1. BorderStyle

BorderStyle.None

2. BorderThickness

0

3. Color

defaults.textColor

4. DisabledColor

ColorFade(defaults.textColor, 30 %)

5. DisabledFill

ColorFade(Self.Fill, 60 %)

6. Fill

defaults.backgroundColor

7. Font

defaults.font

8. IconBackground

defaults.secondaryColor

9. IconFill

defaults.elementBackgroundColor

10. Size

defaults.fontSize

==================================================================================================================================================

Checkbox:

1. BorderColor

defaults.secondaryColor

2. BorderStyle

BorderStyle.None

3. Color

defaults.textColor

4. Font

defaults.font

5. HoverColor

Self.Color

6. Size

defaults.fontSize

==================================================================================================================================================

Radio:

1. BorderStyle

BorderStyle.None

2. Color

defaults.textColor

3. Font

defaults.font

4. HoverColor

ColorFade(Self.Color, 20%)

5. Layout

Layout.Horizontal

6. Size

defaults.fontSize

===================================================================================================================================================

Toggle:

1. BorderStyle

BorderStyle.None

2. Color

defaults.textColor

3. Font

defaults.font

4. Size

defaults.fontSize

5. TrueFill

defaults.secondaryColor

==================================================================================================================================================

Slider:

1. BorderStyle

BorderStyle.None

2. RailFill

defaults.textColor

3. ValueFill

defaults.secondaryColor

==================================================================================================================================================

Button Primary:

1. BorderThickness

1

2. Color

defaults.textColor

3. Fill

defaults.secondaryColor

4. Font

defaults.font

5. HoverFill

ColorFade(Self.Fill, -20%)

6. PressedFill

ColorFade(Self.Fill, -20%)

7. Size

defaults.fontSize

==================================================================================================================================================

Button Secondary:

1. BorderThickness

1

2. Color

defaults.textColor

3. Fill

defaults.topMenuColor

4. Font

defaults.font

5. HoverFill

ColorFade(Self.Fill, -20%)

6. PressedFill

ColorFade(Self.Fill, -20%)

7. Size

defaults.fontSize

==================================================================================================================================================

PenInput

1. BorderStyle

BorderStyle.None

2. Color

defaults.textColor

3. Fill

ColorFade(defaults.primaryColor, -20%)



No comments:

Post a Comment

Add Service Principle support in Custom Connector

  then search for "Streamlining Integration: Using Service Principal authentication on Custom connectors with Microsoft Graph Applicati...