KnobEditorThemeData.dark constructor

KnobEditorThemeData.dark({ Color accent = const Color(0xFF6473FF), })

Implementation

KnobEditorThemeData.dark({
  Color accent = const Color(0xFF6473FF),
})  : margin = const EdgeInsets.all(24),
      borderRadius = const BorderRadius.all(Radius.circular(8)),
      panelWidth = 280,
      page = const KnobEditorPageThemeData(
        backgroundColor: Color(0xFF13151F),
      ),
      header = KnobEditorHeaderThemeData(
        height: 48,
        padding: const EdgeInsets.symmetric(horizontal: 12),
        decoration: const BoxDecoration(
          border: Border(
            bottom: BorderSide(
              color: Color(0xFF1E2133),
            ),
          ),
        ),
        backButtonForegroundColor: const Color(0xFF545A91),
        closeButtonForegroundColor: const Color(0xFF545A91),
        titleStyle: TextStyle(
          fontSize: 16,
          fontWeight: FontWeight.bold,
          color: accent,
          decoration: TextDecoration.none,
          overflow: TextOverflow.ellipsis,
        ),
        titleStackedTopStyle: TextStyle(
          fontSize: 11,
          fontWeight: FontWeight.bold,
          color: accent,
          decoration: TextDecoration.none,
        ),
        titleStackedBottomStyle: const TextStyle(
          fontSize: 13,
          fontWeight: FontWeight.normal,
          color: Color(0xFFFFFFFF),
          decoration: TextDecoration.none,
        ),
      ),
      enabledField = KnobEditorFieldThemeData(
        contentMinHeight: 24,
        foregroundColor: accent,
        onForegroundColor: const Color(0xFFFFFFFF),
        decoration: const BoxDecoration(
          borderRadius: BorderRadius.all(
            Radius.circular(2),
          ),
          color: Color(0xFF1E2133),
        ),
        fieldNameStyle: const TextStyle(
          fontSize: 12,
          fontWeight: FontWeight.normal,
          color: Color(0xFFFFFFFF),
          decoration: TextDecoration.none,
        ),
        fieldValueStyle: TextStyle(
          fontSize: 12,
          fontWeight: FontWeight.normal,
          color: accent,
          decoration: TextDecoration.none,
        ),
        padding: const EdgeInsets.all(4),
        margin: const EdgeInsets.symmetric(
          horizontal: 12,
          vertical: 6,
        ),
      ),
      disabledField = const KnobEditorFieldThemeData(
        contentMinHeight: 24,
        foregroundColor: Color(0xFF545A91),
        onForegroundColor: Color(0xFFFFFFFF),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(
            Radius.circular(2),
          ),
          color: Color(0xFF161927),
        ),
        fieldNameStyle: TextStyle(
          fontSize: 12,
          fontWeight: FontWeight.normal,
          color: Color(0xFF545A91),
          decoration: TextDecoration.none,
        ),
        fieldValueStyle: TextStyle(
          fontSize: 12,
          fontWeight: FontWeight.normal,
          color: Color(0xFF545A91),
          decoration: TextDecoration.none,
        ),
        padding: EdgeInsets.all(4),
        margin: EdgeInsets.symmetric(
          horizontal: 12,
          vertical: 6,
        ),
      ),
      unselectedOption = const KnobEditorOptionFieldThemeData(
        decoration: BoxDecoration(
          color: Color(0xFF181B29),
        ),
        foregroundColor: Color(0xFF545A91),
        titleStyle: TextStyle(
          fontSize: 12,
          fontWeight: FontWeight.normal,
          color: Color(0xFF545A91),
          decoration: TextDecoration.none,
        ),
        padding: EdgeInsets.all(8),
      ),
      selectedOption = KnobEditorOptionFieldThemeData(
        decoration: const BoxDecoration(
          color: Color(0x00161927),
        ),
        foregroundColor: accent,
        titleStyle: TextStyle(
          fontSize: 12,
          fontWeight: FontWeight.bold,
          color: accent,
          decoration: TextDecoration.none,
        ),
        padding: const EdgeInsets.all(8),
      ),
      docStyle = MarkdownStyleSheet.fromTheme(
        ThemeData.dark().copyWith(
          textTheme: ThemeData.dark().textTheme.copyWith(
                bodyText2: const TextStyle(
                  fontSize: 12,
                  color: Colors.white,
                ),
              ),
        ),
      );