MediasfuColors class

Design tokens representing the modern MediaSFU colour palette.

This class provides a comprehensive color system with:

  • Light and dark palettes with extended color spectrums
  • Premium gradient systems (brand, metallic, iridescent, aurora)
  • Glow and shadow utilities for depth effects
  • Glass morphism decorations
  • Neumorphic shadow pairs for 3D effects
  • Interactive state utilities

Properties

hashCode → int
The hash code for this object.
no setterinherited
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Static Properties

recordingActive → Color
Recording status - active (recording)
no setter
recordingPaused → Color
Recording status - paused
no setter
recordingStopped → Color
Recording status - stopped
no setter

Static Methods

accentGradient({bool darkMode = false}) → LinearGradient
Premium accent gradient - Cyan to indigo sweep.
adjustBrightness(Color color, double factor) → Color
Adjusts brightness of a color. factor ranges from -1.0 (darker) to 1.0 (lighter)
adjustSaturation(Color color, double factor) → Color
Adjusts saturation of a color. factor ranges from -1.0 (desaturate) to 1.0 (saturate)
alertBackdrop({bool darkMode = false}) → Color
Light/transparent alert backdrop - allows seeing content underneath.
auroraGradient({bool darkMode = false}) → LinearGradient
Aurora gradient - Northern lights effect.
brandGradient({bool darkMode = false}) → LinearGradient
Brand gradient - Primary to secondary to accent blend.
coloredElevation(Color color, {int level = 2}) → List<BoxShadow>
Colored elevation shadows - Matches the element's color.
contrastingText(Color background) → Color
Returns contrasting text color (white or black) for given background.
controlButtonActive({bool darkMode = false}) → Color
Theme-aware control button active color
controlButtonInactive({bool darkMode = false}) → Color
Theme-aware control button inactive color
controlTextColor({bool darkMode = false}) → Color
Theme-aware text color for control labels
disabledColor(Color base) → Color
Get disabled color for any base color.
Dropdown background color with proper contrast.
Dropdown border color.
Input/dropdown container decoration with proper theming.
Dropdown item hover/selected background.
Dropdown text style with proper theming.
elevation({int level = 2, bool darkMode = false}) → List<BoxShadow>
Utility for elevation shadow levels (1-5).
focusRing({bool darkMode = false}) → Color
Get focus ring color.
fromHex(String hex) → Color
Creates a Color from a hex string (supports #RRGGBB and #AARRGGBB).
frostedGlass({bool darkMode = false, double borderRadius = 20}) → BoxDecoration
Premium frosted glass decoration.
glassBackground({bool darkMode = false}) → Color
Glass effect background.
glassBorder({bool darkMode = false}) → Color
Glass effect border.
glassGradientBorder({bool darkMode = false, double borderRadius = 20}) → BoxDecoration
Gradient border for glass effect.
glowShadow(Color color, {double intensity = 0.5}) → List<BoxShadow>
Glow shadow - For buttons, icons, and interactive elements. intensity ranges from 0.0 to 1.0
hoverColor(Color base, {bool darkMode = false}) → Color
Get hover color for any base color.
innerShadowDecoration({bool darkMode = false}) → BoxDecoration
Inner shadow decoration for pressed/inset states.
iridescentGradient({bool darkMode = false}) → LinearGradient
Iridescent gradient - Multi-color holographic effect.
metallicGradient({bool darkMode = false}) → LinearGradient
Metallic gradient - Sophisticated silver/chrome effect.
modalBackdrop({bool darkMode = false}) → Color
Modal backdrop overlay color.
neonGlow(Color color) → List<BoxShadow>
Neon glow - High intensity colored glow.
neumorphicShadow({bool darkMode = false, bool isPressed = false}) → List<BoxShadow>
Neumorphic shadow pair - Creates the raised 3D effect.
oceanGradient({bool darkMode = false}) → LinearGradient
Ocean gradient - Deep blue to teal.
pressedColor(Color base, {bool darkMode = false}) → Color
Get pressed/active color for any base color.
pulseGlow(Color color, double phase) → List<BoxShadow>
Pulsating glow base - Use with animation for pulsing effect. phase should be animated between 0.0 and 1.0
radialBrandGradient({bool darkMode = false}) → RadialGradient
Radial brand gradient - For circular elements.
scrim({bool darkMode = false, double opacity = 0.5}) → Color
Scrim overlay for dimming content.
shimmerBase({bool darkMode = false}) → Color
Shimmer base color for loading states.
shimmerHighlight({bool darkMode = false}) → Color
Shimmer highlight color for loading states.
simpleBrandGradient({bool darkMode = false}) → LinearGradient
Simple brand gradient - Primary to secondary only.
subtleGlow(Color color, {bool darkMode = false}) → List<BoxShadow>
Subtle glow - For hover states and subtle highlights.
sunsetGradient({bool darkMode = false}) → LinearGradient
Sunset gradient - Warm amber to orange to coral blend.
sweepGradient({bool darkMode = false}) → SweepGradient
Sweep gradient - For spinner/loading elements.
themedIcon({bool darkMode = false}) → Color
Theme-aware icon color (same as text for consistency)
themedSecondaryText({bool darkMode = false}) → Color
Theme-aware secondary text color
themedSurface({bool darkMode = false, int elevation = 0}) → Color
Get themed surface color based on elevation context.
themedText({bool darkMode = false}) → Color
Theme-aware primary text color
toHex(Color color, {bool includeAlpha = false}) → String
Converts a Color to a hex string.
tooltipBackground({bool darkMode = false}) → Color
Tooltip background color.
tooltipDecoration({bool darkMode = false}) → BoxDecoration
Tooltip decoration with premium styling.
tooltipText({bool darkMode = false}) → Color
Tooltip text color - always light for visibility.

Constants

accent → const Color
Accent color - Cyan 500
accentDark → const Color
Accent for dark mode - Cyan 400
accentDarkVariant → const Color
Accent dark variant - Cyan 600
accentLight → const Color
Accent light variant - Cyan 400
accentLightDark → const Color
Accent light dark mode - Cyan 300
background → const Color
backgroundDark → const Color
card → const Color
cardDark → const Color
cardHover → const Color
cardHoverDark → const Color
danger → const Color
dangerBackground → const Color
dangerBackgroundDark → const Color
dangerDark → const Color
dangerLight → const Color
divider → const Color
dividerDark → const Color
info → const Color
infoBackground → const Color
infoBackgroundDark → const Color
infoDark → const Color
infoLight → const Color
primary → const Color
Primary brand color - Indigo 500
primaryDark → const Color
Primary brand color for dark mode - Indigo 400
primaryDarkVariant → const Color
Primary dark variant - Indigo 500
primaryLight → const Color
Primary light variant - Indigo 400
primaryLightDark → const Color
Primary light dark mode - Indigo 300
primaryVariant → const Color
Primary variant for emphasis - Indigo 600
secondary → const Color
Secondary brand color - Blue 500
secondaryDark → const Color
Secondary dark variant - Blue 600
secondaryDarkMode → const Color
Secondary for dark mode - Blue 400
secondaryLight → const Color
Secondary light variant - Blue 400
secondaryLightDark → const Color
Secondary light dark mode - Blue 300
success → const Color
successBackground → const Color
successBackgroundDark → const Color
successDark → const Color
successLight → const Color
surface → const Color
surfaceDark → const Color
surfaceElevated → const Color
surfaceElevatedDark → const Color
textDisabled → const Color
textDisabledDark → const Color
textMuted → const Color
textMutedDark → const Color
textPrimary → const Color
textPrimaryDark → const Color
textSecondary → const Color
textSecondaryDark → const Color
warning → const Color
warningBackground → const Color
warningBackgroundDark → const Color
warningDark → const Color
warningLight → const Color