KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta 
How to use theme method in storybook-root
Best JavaScript code snippet using storybook-root
Appearance.py
Source:Appearance.py 
1# Generated from 'Appearance.h'2def FOUR_CHAR_CODE(x): return x3kAppearanceEventClass = FOUR_CHAR_CODE('appr')4kAEAppearanceChanged = FOUR_CHAR_CODE('thme')5kAESystemFontChanged = FOUR_CHAR_CODE('sysf')6kAESmallSystemFontChanged = FOUR_CHAR_CODE('ssfn')7kAEViewsFontChanged = FOUR_CHAR_CODE('vfnt')8kThemeDataFileType = FOUR_CHAR_CODE('thme')9kThemePlatinumFileType = FOUR_CHAR_CODE('pltn')10kThemeCustomThemesFileType = FOUR_CHAR_CODE('scen')11kThemeSoundTrackFileType = FOUR_CHAR_CODE('tsnd')12kThemeBrushDialogBackgroundActive = 113kThemeBrushDialogBackgroundInactive = 214kThemeBrushAlertBackgroundActive = 315kThemeBrushAlertBackgroundInactive = 416kThemeBrushModelessDialogBackgroundActive = 517kThemeBrushModelessDialogBackgroundInactive = 618kThemeBrushUtilityWindowBackgroundActive = 719kThemeBrushUtilityWindowBackgroundInactive = 820kThemeBrushListViewSortColumnBackground = 921kThemeBrushListViewBackground = 1022kThemeBrushIconLabelBackground = 1123kThemeBrushListViewSeparator = 1224kThemeBrushChasingArrows = 1325kThemeBrushDragHilite = 1426kThemeBrushDocumentWindowBackground = 1527kThemeBrushFinderWindowBackground = 1628kThemeBrushScrollBarDelimiterActive = 1729kThemeBrushScrollBarDelimiterInactive = 1830kThemeBrushFocusHighlight = 1931kThemeBrushPopupArrowActive = 2032kThemeBrushPopupArrowPressed = 2133kThemeBrushPopupArrowInactive = 2234kThemeBrushAppleGuideCoachmark = 2335kThemeBrushIconLabelBackgroundSelected = 2436kThemeBrushStaticAreaFill = 2537kThemeBrushActiveAreaFill = 2638kThemeBrushButtonFrameActive = 2739kThemeBrushButtonFrameInactive = 2840kThemeBrushButtonFaceActive = 2941kThemeBrushButtonFaceInactive = 3042kThemeBrushButtonFacePressed = 3143kThemeBrushButtonActiveDarkShadow = 3244kThemeBrushButtonActiveDarkHighlight = 3345kThemeBrushButtonActiveLightShadow = 3446kThemeBrushButtonActiveLightHighlight = 3547kThemeBrushButtonInactiveDarkShadow = 3648kThemeBrushButtonInactiveDarkHighlight = 3749kThemeBrushButtonInactiveLightShadow = 3850kThemeBrushButtonInactiveLightHighlight = 3951kThemeBrushButtonPressedDarkShadow = 4052kThemeBrushButtonPressedDarkHighlight = 4153kThemeBrushButtonPressedLightShadow = 4254kThemeBrushButtonPressedLightHighlight = 4355kThemeBrushBevelActiveLight = 4456kThemeBrushBevelActiveDark = 4557kThemeBrushBevelInactiveLight = 4658kThemeBrushBevelInactiveDark = 4759kThemeBrushNotificationWindowBackground = 4860kThemeBrushMovableModalBackground = 4961kThemeBrushSheetBackgroundOpaque = 5062kThemeBrushDrawerBackground = 5163kThemeBrushToolbarBackground = 5264kThemeBrushSheetBackgroundTransparent = 5365kThemeBrushMenuBackground = 5466kThemeBrushMenuBackgroundSelected = 5567kThemeBrushSheetBackground = kThemeBrushSheetBackgroundOpaque68kThemeBrushBlack = -169kThemeBrushWhite = -270kThemeBrushPrimaryHighlightColor = -371kThemeBrushSecondaryHighlightColor = -472kThemeTextColorDialogActive = 173kThemeTextColorDialogInactive = 274kThemeTextColorAlertActive = 375kThemeTextColorAlertInactive = 476kThemeTextColorModelessDialogActive = 577kThemeTextColorModelessDialogInactive = 678kThemeTextColorWindowHeaderActive = 779kThemeTextColorWindowHeaderInactive = 880kThemeTextColorPlacardActive = 981kThemeTextColorPlacardInactive = 1082kThemeTextColorPlacardPressed = 1183kThemeTextColorPushButtonActive = 1284kThemeTextColorPushButtonInactive = 1385kThemeTextColorPushButtonPressed = 1486kThemeTextColorBevelButtonActive = 1587kThemeTextColorBevelButtonInactive = 1688kThemeTextColorBevelButtonPressed = 1789kThemeTextColorPopupButtonActive = 1890kThemeTextColorPopupButtonInactive = 1991kThemeTextColorPopupButtonPressed = 2092kThemeTextColorIconLabel = 2193kThemeTextColorListView = 2294kThemeTextColorDocumentWindowTitleActive = 2395kThemeTextColorDocumentWindowTitleInactive = 2496kThemeTextColorMovableModalWindowTitleActive = 2597kThemeTextColorMovableModalWindowTitleInactive = 2698kThemeTextColorUtilityWindowTitleActive = 2799kThemeTextColorUtilityWindowTitleInactive = 28100kThemeTextColorPopupWindowTitleActive = 29101kThemeTextColorPopupWindowTitleInactive = 30102kThemeTextColorRootMenuActive = 31103kThemeTextColorRootMenuSelected = 32104kThemeTextColorRootMenuDisabled = 33105kThemeTextColorMenuItemActive = 34106kThemeTextColorMenuItemSelected = 35107kThemeTextColorMenuItemDisabled = 36108kThemeTextColorPopupLabelActive = 37109kThemeTextColorPopupLabelInactive = 38110kThemeTextColorTabFrontActive = 39111kThemeTextColorTabNonFrontActive = 40112kThemeTextColorTabNonFrontPressed = 41113kThemeTextColorTabFrontInactive = 42114kThemeTextColorTabNonFrontInactive = 43115kThemeTextColorIconLabelSelected = 44116kThemeTextColorBevelButtonStickyActive = 45117kThemeTextColorBevelButtonStickyInactive = 46118kThemeTextColorNotification = 47119kThemeTextColorBlack = -1120kThemeTextColorWhite = -2121kThemeStateInactive = 0122kThemeStateActive = 1123kThemeStatePressed = 2124kThemeStateRollover = 6125kThemeStateUnavailable = 7126kThemeStateUnavailableInactive = 8127kThemeStateDisabled = 0128kThemeStatePressedUp = 2129kThemeStatePressedDown = 3130kThemeArrowCursor = 0131kThemeCopyArrowCursor = 1132kThemeAliasArrowCursor = 2133kThemeContextualMenuArrowCursor = 3134kThemeIBeamCursor = 4135kThemeCrossCursor = 5136kThemePlusCursor = 6137kThemeWatchCursor = 7138kThemeClosedHandCursor = 8139kThemeOpenHandCursor = 9140kThemePointingHandCursor = 10141kThemeCountingUpHandCursor = 11142kThemeCountingDownHandCursor = 12143kThemeCountingUpAndDownHandCursor = 13144kThemeSpinningCursor = 14145kThemeResizeLeftCursor = 15146kThemeResizeRightCursor = 16147kThemeResizeLeftRightCursor = 17148kThemeMenuBarNormal = 0149kThemeMenuBarSelected = 1150kThemeMenuSquareMenuBar = (1 << 0)151kThemeMenuActive = 0152kThemeMenuSelected = 1153kThemeMenuDisabled = 3154kThemeMenuTypePullDown = 0155kThemeMenuTypePopUp = 1156kThemeMenuTypeHierarchical = 2157kThemeMenuTypeInactive = 0x0100158kThemeMenuItemPlain = 0159kThemeMenuItemHierarchical = 1160kThemeMenuItemScrollUpArrow = 2161kThemeMenuItemScrollDownArrow = 3162kThemeMenuItemAtTop = 0x0100163kThemeMenuItemAtBottom = 0x0200164kThemeMenuItemHierBackground = 0x0400165kThemeMenuItemPopUpBackground = 0x0800166kThemeMenuItemHasIcon = 0x8000167kThemeMenuItemNoBackground = 0x4000168kThemeBackgroundTabPane = 1169kThemeBackgroundPlacard = 2170kThemeBackgroundWindowHeader = 3171kThemeBackgroundListViewWindowHeader = 4172kThemeBackgroundSecondaryGroupBox = 5173kThemeNameTag = FOUR_CHAR_CODE('name')174kThemeVariantNameTag = FOUR_CHAR_CODE('varn')175kThemeVariantBaseTintTag = FOUR_CHAR_CODE('tint')176kThemeHighlightColorTag = FOUR_CHAR_CODE('hcol')177kThemeScrollBarArrowStyleTag = FOUR_CHAR_CODE('sbar')178kThemeScrollBarThumbStyleTag = FOUR_CHAR_CODE('sbth')179kThemeSoundsEnabledTag = FOUR_CHAR_CODE('snds')180kThemeDblClickCollapseTag = FOUR_CHAR_CODE('coll')181kThemeAppearanceFileNameTag = FOUR_CHAR_CODE('thme')182kThemeSystemFontTag = FOUR_CHAR_CODE('lgsf')183kThemeSmallSystemFontTag = FOUR_CHAR_CODE('smsf')184kThemeViewsFontTag = FOUR_CHAR_CODE('vfnt')185kThemeViewsFontSizeTag = FOUR_CHAR_CODE('vfsz')186kThemeDesktopPatternNameTag = FOUR_CHAR_CODE('patn')187kThemeDesktopPatternTag = FOUR_CHAR_CODE('patt')188kThemeDesktopPictureNameTag = FOUR_CHAR_CODE('dpnm')189kThemeDesktopPictureAliasTag = FOUR_CHAR_CODE('dpal')190kThemeDesktopPictureAlignmentTag = FOUR_CHAR_CODE('dpan')191kThemeHighlightColorNameTag = FOUR_CHAR_CODE('hcnm')192kThemeExamplePictureIDTag = FOUR_CHAR_CODE('epic')193kThemeSoundTrackNameTag = FOUR_CHAR_CODE('sndt')194kThemeSoundMaskTag = FOUR_CHAR_CODE('smsk')195kThemeUserDefinedTag = FOUR_CHAR_CODE('user')196kThemeSmoothFontEnabledTag = FOUR_CHAR_CODE('smoo')197kThemeSmoothFontMinSizeTag = FOUR_CHAR_CODE('smos')198kTiledOnScreen = 1199kCenterOnScreen = 2200kFitToScreen = 3201kFillScreen = 4202kUseBestGuess = 5203kThemeCheckBoxClassicX = 0204kThemeCheckBoxCheckMark = 1205kThemeScrollBarArrowsSingle = 0206kThemeScrollBarArrowsLowerRight = 1207kThemeScrollBarThumbNormal = 0208kThemeScrollBarThumbProportional = 1209kThemeSystemFont = 0210kThemeSmallSystemFont = 1211kThemeSmallEmphasizedSystemFont = 2212kThemeViewsFont = 3213kThemeEmphasizedSystemFont = 4214kThemeApplicationFont = 5215kThemeLabelFont = 6216kThemeMenuTitleFont = 100217kThemeMenuItemFont = 101218kThemeMenuItemMarkFont = 102219kThemeMenuItemCmdKeyFont = 103220kThemeWindowTitleFont = 104221kThemePushButtonFont = 105222kThemeUtilityWindowTitleFont = 106223kThemeAlertHeaderFont = 107224kThemeCurrentPortFont = 200225kThemeTabNonFront = 0226kThemeTabNonFrontPressed = 1227kThemeTabNonFrontInactive = 2228kThemeTabFront = 3229kThemeTabFrontInactive = 4230kThemeTabNonFrontUnavailable = 5231kThemeTabFrontUnavailable = 6232kThemeTabNorth = 0233kThemeTabSouth = 1234kThemeTabEast = 2235kThemeTabWest = 3236kThemeSmallTabHeight = 16237kThemeLargeTabHeight = 21238kThemeTabPaneOverlap = 3239kThemeSmallTabHeightMax = 19240kThemeLargeTabHeightMax = 24241kThemeMediumScrollBar = 0242kThemeSmallScrollBar = 1243kThemeMediumSlider = 2244kThemeMediumProgressBar = 3245kThemeMediumIndeterminateBar = 4246kThemeRelevanceBar = 5247kThemeSmallSlider = 6248kThemeLargeProgressBar = 7249kThemeLargeIndeterminateBar = 8250kThemeTrackActive = 0251kThemeTrackDisabled = 1252kThemeTrackNothingToScroll = 2253kThemeTrackInactive = 3254kThemeLeftOutsideArrowPressed = 0x01255kThemeLeftInsideArrowPressed = 0x02256kThemeLeftTrackPressed = 0x04257kThemeThumbPressed = 0x08258kThemeRightTrackPressed = 0x10259kThemeRightInsideArrowPressed = 0x20260kThemeRightOutsideArrowPressed = 0x40261kThemeTopOutsideArrowPressed = kThemeLeftOutsideArrowPressed262kThemeTopInsideArrowPressed = kThemeLeftInsideArrowPressed263kThemeTopTrackPressed = kThemeLeftTrackPressed264kThemeBottomTrackPressed = kThemeRightTrackPressed265kThemeBottomInsideArrowPressed = kThemeRightInsideArrowPressed266kThemeBottomOutsideArrowPressed = kThemeRightOutsideArrowPressed267kThemeThumbPlain = 0268kThemeThumbUpward = 1269kThemeThumbDownward = 2270kThemeTrackHorizontal = (1 << 0)271kThemeTrackRightToLeft = (1 << 1)272kThemeTrackShowThumb = (1 << 2)273kThemeTrackThumbRgnIsNotGhost = (1 << 3)274kThemeTrackNoScrollBarArrows = (1 << 4)275kThemeWindowHasGrow = (1 << 0)276kThemeWindowHasHorizontalZoom = (1 << 3)277kThemeWindowHasVerticalZoom = (1 << 4)278kThemeWindowHasFullZoom = kThemeWindowHasHorizontalZoom + kThemeWindowHasVerticalZoom279kThemeWindowHasCloseBox = (1 << 5)280kThemeWindowHasCollapseBox = (1 << 6)281kThemeWindowHasTitleText = (1 << 7)282kThemeWindowIsCollapsed = (1 << 8)283kThemeWindowHasDirty = (1 << 9)284kThemeDocumentWindow = 0285kThemeDialogWindow = 1286kThemeMovableDialogWindow = 2287kThemeAlertWindow = 3288kThemeMovableAlertWindow = 4289kThemePlainDialogWindow = 5290kThemeShadowDialogWindow = 6291kThemePopupWindow = 7292kThemeUtilityWindow = 8293kThemeUtilitySideWindow = 9294kThemeSheetWindow = 10295kThemeDrawerWindow = 11296kThemeWidgetCloseBox = 0297kThemeWidgetZoomBox = 1298kThemeWidgetCollapseBox = 2299kThemeWidgetDirtyCloseBox = 6300kThemeArrowLeft = 0301kThemeArrowDown = 1302kThemeArrowRight = 2303kThemeArrowUp = 3304kThemeArrow3pt = 0305kThemeArrow5pt = 1306kThemeArrow7pt = 2307kThemeArrow9pt = 3308kThemeGrowLeft = (1 << 0)309kThemeGrowRight = (1 << 1)310kThemeGrowUp = (1 << 2)311kThemeGrowDown = (1 << 3)312kThemePushButton = 0313kThemeCheckBox = 1314kThemeRadioButton = 2315kThemeBevelButton = 3316kThemeArrowButton = 4317kThemePopupButton = 5318kThemeDisclosureButton = 6319kThemeIncDecButton = 7320kThemeSmallBevelButton = 8321kThemeMediumBevelButton = 3322kThemeLargeBevelButton = 9323kThemeListHeaderButton = 10324kThemeRoundButton = 11325kThemeLargeRoundButton = 12326kThemeSmallCheckBox = 13327kThemeSmallRadioButton = 14328kThemeRoundedBevelButton = 15329kThemeNormalCheckBox = kThemeCheckBox330kThemeNormalRadioButton = kThemeRadioButton331kThemeButtonOff = 0332kThemeButtonOn = 1333kThemeButtonMixed = 2334kThemeDisclosureRight = 0335kThemeDisclosureDown = 1336kThemeDisclosureLeft = 2337kThemeAdornmentNone = 0338kThemeAdornmentDefault = (1 << 0)339kThemeAdornmentFocus = (1 << 2)340kThemeAdornmentRightToLeft = (1 << 4)341kThemeAdornmentDrawIndicatorOnly = (1 << 5)342kThemeAdornmentHeaderButtonLeftNeighborSelected = (1 << 6)343kThemeAdornmentHeaderButtonRightNeighborSelected = (1 << 7)344kThemeAdornmentHeaderButtonSortUp = (1 << 8)345kThemeAdornmentHeaderMenuButton = (1 << 9)346kThemeAdornmentHeaderButtonNoShadow = (1 << 10)347kThemeAdornmentHeaderButtonShadowOnly = (1 << 11)348kThemeAdornmentNoShadow = kThemeAdornmentHeaderButtonNoShadow349kThemeAdornmentShadowOnly = kThemeAdornmentHeaderButtonShadowOnly350kThemeAdornmentArrowLeftArrow = (1 << 6)351kThemeAdornmentArrowDownArrow = (1 << 7)352kThemeAdornmentArrowDoubleArrow = (1 << 8)353kThemeAdornmentArrowUpArrow = (1 << 9)354kThemeNoSounds = 0355kThemeWindowSoundsMask = (1 << 0)356kThemeMenuSoundsMask = (1 << 1)357kThemeControlSoundsMask = (1 << 2)358kThemeFinderSoundsMask = (1 << 3)359kThemeDragSoundNone = 0360kThemeDragSoundMoveWindow = FOUR_CHAR_CODE('wmov')361kThemeDragSoundGrowWindow = FOUR_CHAR_CODE('wgro')362kThemeDragSoundMoveUtilWindow = FOUR_CHAR_CODE('umov')363kThemeDragSoundGrowUtilWindow = FOUR_CHAR_CODE('ugro')364kThemeDragSoundMoveDialog = FOUR_CHAR_CODE('dmov')365kThemeDragSoundMoveAlert = FOUR_CHAR_CODE('amov')366kThemeDragSoundMoveIcon = FOUR_CHAR_CODE('imov')367kThemeDragSoundSliderThumb = FOUR_CHAR_CODE('slth')368kThemeDragSoundSliderGhost = FOUR_CHAR_CODE('slgh')369kThemeDragSoundScrollBarThumb = FOUR_CHAR_CODE('sbth')370kThemeDragSoundScrollBarGhost = FOUR_CHAR_CODE('sbgh')371kThemeDragSoundScrollBarArrowDecreasing = FOUR_CHAR_CODE('sbad')372kThemeDragSoundScrollBarArrowIncreasing = FOUR_CHAR_CODE('sbai')373kThemeDragSoundDragging = FOUR_CHAR_CODE('drag')374kThemeSoundNone = 0375kThemeSoundMenuOpen = FOUR_CHAR_CODE('mnuo')376kThemeSoundMenuClose = FOUR_CHAR_CODE('mnuc')377kThemeSoundMenuItemHilite = FOUR_CHAR_CODE('mnui')378kThemeSoundMenuItemRelease = FOUR_CHAR_CODE('mnus')379kThemeSoundWindowClosePress = FOUR_CHAR_CODE('wclp')380kThemeSoundWindowCloseEnter = FOUR_CHAR_CODE('wcle')381kThemeSoundWindowCloseExit = FOUR_CHAR_CODE('wclx')382kThemeSoundWindowCloseRelease = FOUR_CHAR_CODE('wclr')383kThemeSoundWindowZoomPress = FOUR_CHAR_CODE('wzmp')384kThemeSoundWindowZoomEnter = FOUR_CHAR_CODE('wzme')385kThemeSoundWindowZoomExit = FOUR_CHAR_CODE('wzmx')386kThemeSoundWindowZoomRelease = FOUR_CHAR_CODE('wzmr')387kThemeSoundWindowCollapsePress = FOUR_CHAR_CODE('wcop')388kThemeSoundWindowCollapseEnter = FOUR_CHAR_CODE('wcoe')389kThemeSoundWindowCollapseExit = FOUR_CHAR_CODE('wcox')390kThemeSoundWindowCollapseRelease = FOUR_CHAR_CODE('wcor')391kThemeSoundWindowDragBoundary = FOUR_CHAR_CODE('wdbd')392kThemeSoundUtilWinClosePress = FOUR_CHAR_CODE('uclp')393kThemeSoundUtilWinCloseEnter = FOUR_CHAR_CODE('ucle')394kThemeSoundUtilWinCloseExit = FOUR_CHAR_CODE('uclx')395kThemeSoundUtilWinCloseRelease = FOUR_CHAR_CODE('uclr')396kThemeSoundUtilWinZoomPress = FOUR_CHAR_CODE('uzmp')397kThemeSoundUtilWinZoomEnter = FOUR_CHAR_CODE('uzme')398kThemeSoundUtilWinZoomExit = FOUR_CHAR_CODE('uzmx')399kThemeSoundUtilWinZoomRelease = FOUR_CHAR_CODE('uzmr')400kThemeSoundUtilWinCollapsePress = FOUR_CHAR_CODE('ucop')401kThemeSoundUtilWinCollapseEnter = FOUR_CHAR_CODE('ucoe')402kThemeSoundUtilWinCollapseExit = FOUR_CHAR_CODE('ucox')403kThemeSoundUtilWinCollapseRelease = FOUR_CHAR_CODE('ucor')404kThemeSoundUtilWinDragBoundary = FOUR_CHAR_CODE('udbd')405kThemeSoundWindowOpen = FOUR_CHAR_CODE('wopn')406kThemeSoundWindowClose = FOUR_CHAR_CODE('wcls')407kThemeSoundWindowZoomIn = FOUR_CHAR_CODE('wzmi')408kThemeSoundWindowZoomOut = FOUR_CHAR_CODE('wzmo')409kThemeSoundWindowCollapseUp = FOUR_CHAR_CODE('wcol')410kThemeSoundWindowCollapseDown = FOUR_CHAR_CODE('wexp')411kThemeSoundWindowActivate = FOUR_CHAR_CODE('wact')412kThemeSoundUtilWindowOpen = FOUR_CHAR_CODE('uopn')413kThemeSoundUtilWindowClose = FOUR_CHAR_CODE('ucls')414kThemeSoundUtilWindowZoomIn = FOUR_CHAR_CODE('uzmi')415kThemeSoundUtilWindowZoomOut = FOUR_CHAR_CODE('uzmo')416kThemeSoundUtilWindowCollapseUp = FOUR_CHAR_CODE('ucol')417kThemeSoundUtilWindowCollapseDown = FOUR_CHAR_CODE('uexp')418kThemeSoundUtilWindowActivate = FOUR_CHAR_CODE('uact')419kThemeSoundDialogOpen = FOUR_CHAR_CODE('dopn')420kThemeSoundDialogClose = FOUR_CHAR_CODE('dlgc')421kThemeSoundAlertOpen = FOUR_CHAR_CODE('aopn')422kThemeSoundAlertClose = FOUR_CHAR_CODE('altc')423kThemeSoundPopupWindowOpen = FOUR_CHAR_CODE('pwop')424kThemeSoundPopupWindowClose = FOUR_CHAR_CODE('pwcl')425kThemeSoundButtonPress = FOUR_CHAR_CODE('btnp')426kThemeSoundButtonEnter = FOUR_CHAR_CODE('btne')427kThemeSoundButtonExit = FOUR_CHAR_CODE('btnx')428kThemeSoundButtonRelease = FOUR_CHAR_CODE('btnr')429kThemeSoundDefaultButtonPress = FOUR_CHAR_CODE('dbtp')430kThemeSoundDefaultButtonEnter = FOUR_CHAR_CODE('dbte')431kThemeSoundDefaultButtonExit = FOUR_CHAR_CODE('dbtx')432kThemeSoundDefaultButtonRelease = FOUR_CHAR_CODE('dbtr')433kThemeSoundCancelButtonPress = FOUR_CHAR_CODE('cbtp')434kThemeSoundCancelButtonEnter = FOUR_CHAR_CODE('cbte')435kThemeSoundCancelButtonExit = FOUR_CHAR_CODE('cbtx')436kThemeSoundCancelButtonRelease = FOUR_CHAR_CODE('cbtr')437kThemeSoundCheckboxPress = FOUR_CHAR_CODE('chkp')438kThemeSoundCheckboxEnter = FOUR_CHAR_CODE('chke')439kThemeSoundCheckboxExit = FOUR_CHAR_CODE('chkx')440kThemeSoundCheckboxRelease = FOUR_CHAR_CODE('chkr')441kThemeSoundRadioPress = FOUR_CHAR_CODE('radp')442kThemeSoundRadioEnter = FOUR_CHAR_CODE('rade')443kThemeSoundRadioExit = FOUR_CHAR_CODE('radx')444kThemeSoundRadioRelease = FOUR_CHAR_CODE('radr')445kThemeSoundScrollArrowPress = FOUR_CHAR_CODE('sbap')446kThemeSoundScrollArrowEnter = FOUR_CHAR_CODE('sbae')447kThemeSoundScrollArrowExit = FOUR_CHAR_CODE('sbax')448kThemeSoundScrollArrowRelease = FOUR_CHAR_CODE('sbar')449kThemeSoundScrollEndOfTrack = FOUR_CHAR_CODE('sbte')450kThemeSoundScrollTrackPress = FOUR_CHAR_CODE('sbtp')451kThemeSoundSliderEndOfTrack = FOUR_CHAR_CODE('slte')452kThemeSoundSliderTrackPress = FOUR_CHAR_CODE('sltp')453kThemeSoundBalloonOpen = FOUR_CHAR_CODE('blno')454kThemeSoundBalloonClose = FOUR_CHAR_CODE('blnc')455kThemeSoundBevelPress = FOUR_CHAR_CODE('bevp')456kThemeSoundBevelEnter = FOUR_CHAR_CODE('beve')457kThemeSoundBevelExit = FOUR_CHAR_CODE('bevx')458kThemeSoundBevelRelease = FOUR_CHAR_CODE('bevr')459kThemeSoundLittleArrowUpPress = FOUR_CHAR_CODE('laup')460kThemeSoundLittleArrowDnPress = FOUR_CHAR_CODE('ladp')461kThemeSoundLittleArrowEnter = FOUR_CHAR_CODE('lare')462kThemeSoundLittleArrowExit = FOUR_CHAR_CODE('larx')463kThemeSoundLittleArrowUpRelease = FOUR_CHAR_CODE('laur')464kThemeSoundLittleArrowDnRelease = FOUR_CHAR_CODE('ladr')465kThemeSoundPopupPress = FOUR_CHAR_CODE('popp')466kThemeSoundPopupEnter = FOUR_CHAR_CODE('pope')467kThemeSoundPopupExit = FOUR_CHAR_CODE('popx')468kThemeSoundPopupRelease = FOUR_CHAR_CODE('popr')469kThemeSoundDisclosurePress = FOUR_CHAR_CODE('dscp')470kThemeSoundDisclosureEnter = FOUR_CHAR_CODE('dsce')471kThemeSoundDisclosureExit = FOUR_CHAR_CODE('dscx')472kThemeSoundDisclosureRelease = FOUR_CHAR_CODE('dscr')473kThemeSoundTabPressed = FOUR_CHAR_CODE('tabp')474kThemeSoundTabEnter = FOUR_CHAR_CODE('tabe')475kThemeSoundTabExit = FOUR_CHAR_CODE('tabx')476kThemeSoundTabRelease = FOUR_CHAR_CODE('tabr')477kThemeSoundDragTargetHilite = FOUR_CHAR_CODE('dthi')478kThemeSoundDragTargetUnhilite = FOUR_CHAR_CODE('dtuh')479kThemeSoundDragTargetDrop = FOUR_CHAR_CODE('dtdr')480kThemeSoundEmptyTrash = FOUR_CHAR_CODE('ftrs')481kThemeSoundSelectItem = FOUR_CHAR_CODE('fsel')482kThemeSoundNewItem = FOUR_CHAR_CODE('fnew')483kThemeSoundReceiveDrop = FOUR_CHAR_CODE('fdrp')484kThemeSoundCopyDone = FOUR_CHAR_CODE('fcpd')485kThemeSoundResolveAlias = FOUR_CHAR_CODE('fral')486kThemeSoundLaunchApp = FOUR_CHAR_CODE('flap')487kThemeSoundDiskInsert = FOUR_CHAR_CODE('dski')488kThemeSoundDiskEject = FOUR_CHAR_CODE('dske')489kThemeSoundFinderDragOnIcon = FOUR_CHAR_CODE('fdon')490kThemeSoundFinderDragOffIcon = FOUR_CHAR_CODE('fdof')491kThemePopupTabNormalPosition = 0492kThemePopupTabCenterOnWindow = 1493kThemePopupTabCenterOnOffset = 2494kThemeMetricScrollBarWidth = 0495kThemeMetricSmallScrollBarWidth = 1496kThemeMetricCheckBoxHeight = 2497kThemeMetricRadioButtonHeight = 3498kThemeMetricEditTextWhitespace = 4499kThemeMetricEditTextFrameOutset = 5500kThemeMetricListBoxFrameOutset = 6501kThemeMetricFocusRectOutset = 7502kThemeMetricImageWellThickness = 8503kThemeMetricScrollBarOverlap = 9504kThemeMetricLargeTabHeight = 10505kThemeMetricLargeTabCapsWidth = 11506kThemeMetricTabFrameOverlap = 12507kThemeMetricTabIndentOrStyle = 13508kThemeMetricTabOverlap = 14509kThemeMetricSmallTabHeight = 15510kThemeMetricSmallTabCapsWidth = 16511kThemeMetricDisclosureButtonHeight = 17512kThemeMetricRoundButtonSize = 18513kThemeMetricPushButtonHeight = 19514kThemeMetricListHeaderHeight = 20515kThemeMetricSmallCheckBoxHeight = 21516kThemeMetricDisclosureButtonWidth = 22517kThemeMetricSmallDisclosureButtonHeight = 23518kThemeMetricSmallDisclosureButtonWidth = 24519kThemeMetricDisclosureTriangleHeight = 25520kThemeMetricDisclosureTriangleWidth = 26521kThemeMetricLittleArrowsHeight = 27522kThemeMetricLittleArrowsWidth = 28523kThemeMetricPaneSplitterHeight = 29524kThemeMetricPopupButtonHeight = 30525kThemeMetricSmallPopupButtonHeight = 31526kThemeMetricLargeProgressBarThickness = 32527kThemeMetricPullDownHeight = 33528kThemeMetricSmallPullDownHeight = 34529kThemeMetricSmallPushButtonHeight = 35530kThemeMetricSmallRadioButtonHeight = 36531kThemeMetricRelevanceIndicatorHeight = 37532kThemeMetricResizeControlHeight = 38533kThemeMetricSmallResizeControlHeight = 39534kThemeMetricLargeRoundButtonSize = 40535kThemeMetricHSliderHeight = 41536kThemeMetricHSliderTickHeight = 42537kThemeMetricSmallHSliderHeight = 43538kThemeMetricSmallHSliderTickHeight = 44539kThemeMetricVSliderWidth = 45540kThemeMetricVSliderTickWidth = 46541kThemeMetricSmallVSliderWidth = 47542kThemeMetricSmallVSliderTickWidth = 48543kThemeMetricTitleBarControlsHeight = 49544kThemeMetricCheckBoxWidth = 50545kThemeMetricSmallCheckBoxWidth = 51546kThemeMetricRadioButtonWidth = 52547kThemeMetricSmallRadioButtonWidth = 53548kThemeMetricSmallHSliderMinThumbWidth = 54549kThemeMetricSmallVSliderMinThumbHeight = 55550kThemeMetricSmallHSliderTickOffset = 56551kThemeMetricSmallVSliderTickOffset = 57552kThemeMetricNormalProgressBarThickness = 58553kThemeMetricProgressBarShadowOutset = 59554kThemeMetricSmallProgressBarShadowOutset = 60555kThemeMetricPrimaryGroupBoxContentInset = 61556kThemeMetricSecondaryGroupBoxContentInset = 62557kThemeMetricMenuMarkColumnWidth = 63558kThemeMetricMenuExcludedMarkColumnWidth = 64559kThemeMetricMenuMarkIndent = 65560kThemeMetricMenuTextLeadingEdgeMargin = 66561kThemeMetricMenuTextTrailingEdgeMargin = 67562kThemeMetricMenuIndentWidth = 68563kThemeMetricMenuIconTrailingEdgeMargin = 69564# appearanceBadBrushIndexErr = themeInvalidBrushErr565# appearanceProcessRegisteredErr = themeProcessRegisteredErr566# appearanceProcessNotRegisteredErr = themeProcessNotRegisteredErr567# appearanceBadTextColorIndexErr = themeBadTextColorErr568# appearanceThemeHasNoAccents = themeHasNoAccentsErr569# appearanceBadCursorIndexErr = themeBadCursorIndexErr570kThemeActiveDialogBackgroundBrush = kThemeBrushDialogBackgroundActive571kThemeInactiveDialogBackgroundBrush = kThemeBrushDialogBackgroundInactive572kThemeActiveAlertBackgroundBrush = kThemeBrushAlertBackgroundActive573kThemeInactiveAlertBackgroundBrush = kThemeBrushAlertBackgroundInactive574kThemeActiveModelessDialogBackgroundBrush = kThemeBrushModelessDialogBackgroundActive575kThemeInactiveModelessDialogBackgroundBrush = kThemeBrushModelessDialogBackgroundInactive576kThemeActiveUtilityWindowBackgroundBrush = kThemeBrushUtilityWindowBackgroundActive577kThemeInactiveUtilityWindowBackgroundBrush = kThemeBrushUtilityWindowBackgroundInactive578kThemeListViewSortColumnBackgroundBrush = kThemeBrushListViewSortColumnBackground579kThemeListViewBackgroundBrush = kThemeBrushListViewBackground580kThemeIconLabelBackgroundBrush = kThemeBrushIconLabelBackground581kThemeListViewSeparatorBrush = kThemeBrushListViewSeparator582kThemeChasingArrowsBrush = kThemeBrushChasingArrows583kThemeDragHiliteBrush = kThemeBrushDragHilite584kThemeDocumentWindowBackgroundBrush = kThemeBrushDocumentWindowBackground585kThemeFinderWindowBackgroundBrush = kThemeBrushFinderWindowBackground586kThemeActiveScrollBarDelimiterBrush = kThemeBrushScrollBarDelimiterActive587kThemeInactiveScrollBarDelimiterBrush = kThemeBrushScrollBarDelimiterInactive588kThemeFocusHighlightBrush = kThemeBrushFocusHighlight589kThemeActivePopupArrowBrush = kThemeBrushPopupArrowActive590kThemePressedPopupArrowBrush = kThemeBrushPopupArrowPressed591kThemeInactivePopupArrowBrush = kThemeBrushPopupArrowInactive592kThemeAppleGuideCoachmarkBrush = kThemeBrushAppleGuideCoachmark593kThemeActiveDialogTextColor = kThemeTextColorDialogActive594kThemeInactiveDialogTextColor = kThemeTextColorDialogInactive595kThemeActiveAlertTextColor = kThemeTextColorAlertActive596kThemeInactiveAlertTextColor = kThemeTextColorAlertInactive597kThemeActiveModelessDialogTextColor = kThemeTextColorModelessDialogActive598kThemeInactiveModelessDialogTextColor = kThemeTextColorModelessDialogInactive599kThemeActiveWindowHeaderTextColor = kThemeTextColorWindowHeaderActive600kThemeInactiveWindowHeaderTextColor = kThemeTextColorWindowHeaderInactive601kThemeActivePlacardTextColor = kThemeTextColorPlacardActive602kThemeInactivePlacardTextColor = kThemeTextColorPlacardInactive603kThemePressedPlacardTextColor = kThemeTextColorPlacardPressed604kThemeActivePushButtonTextColor = kThemeTextColorPushButtonActive605kThemeInactivePushButtonTextColor = kThemeTextColorPushButtonInactive606kThemePressedPushButtonTextColor = kThemeTextColorPushButtonPressed607kThemeActiveBevelButtonTextColor = kThemeTextColorBevelButtonActive608kThemeInactiveBevelButtonTextColor = kThemeTextColorBevelButtonInactive609kThemePressedBevelButtonTextColor = kThemeTextColorBevelButtonPressed610kThemeActivePopupButtonTextColor = kThemeTextColorPopupButtonActive611kThemeInactivePopupButtonTextColor = kThemeTextColorPopupButtonInactive612kThemePressedPopupButtonTextColor = kThemeTextColorPopupButtonPressed613kThemeIconLabelTextColor = kThemeTextColorIconLabel614kThemeListViewTextColor = kThemeTextColorListView615kThemeActiveDocumentWindowTitleTextColor = kThemeTextColorDocumentWindowTitleActive616kThemeInactiveDocumentWindowTitleTextColor = kThemeTextColorDocumentWindowTitleInactive617kThemeActiveMovableModalWindowTitleTextColor = kThemeTextColorMovableModalWindowTitleActive618kThemeInactiveMovableModalWindowTitleTextColor = kThemeTextColorMovableModalWindowTitleInactive619kThemeActiveUtilityWindowTitleTextColor = kThemeTextColorUtilityWindowTitleActive620kThemeInactiveUtilityWindowTitleTextColor = kThemeTextColorUtilityWindowTitleInactive621kThemeActivePopupWindowTitleColor = kThemeTextColorPopupWindowTitleActive622kThemeInactivePopupWindowTitleColor = kThemeTextColorPopupWindowTitleInactive623kThemeActiveRootMenuTextColor = kThemeTextColorRootMenuActive624kThemeSelectedRootMenuTextColor = kThemeTextColorRootMenuSelected625kThemeDisabledRootMenuTextColor = kThemeTextColorRootMenuDisabled626kThemeActiveMenuItemTextColor = kThemeTextColorMenuItemActive627kThemeSelectedMenuItemTextColor = kThemeTextColorMenuItemSelected628kThemeDisabledMenuItemTextColor = kThemeTextColorMenuItemDisabled629kThemeActivePopupLabelTextColor = kThemeTextColorPopupLabelActive630kThemeInactivePopupLabelTextColor = kThemeTextColorPopupLabelInactive631kAEThemeSwitch = kAEAppearanceChanged632kThemeNoAdornment = kThemeAdornmentNone633kThemeDefaultAdornment = kThemeAdornmentDefault634kThemeFocusAdornment = kThemeAdornmentFocus635kThemeRightToLeftAdornment = kThemeAdornmentRightToLeft636kThemeDrawIndicatorOnly = kThemeAdornmentDrawIndicatorOnly637kThemeBrushPassiveAreaFill = kThemeBrushStaticAreaFill638kThemeMetricCheckBoxGlyphHeight = kThemeMetricCheckBoxHeight639kThemeMetricRadioButtonGlyphHeight = kThemeMetricRadioButtonHeight640kThemeMetricDisclosureButtonSize = kThemeMetricDisclosureButtonHeight641kThemeMetricBestListHeaderHeight = kThemeMetricListHeaderHeight642kThemeMetricSmallProgressBarThickness = kThemeMetricNormalProgressBarThickness643kThemeMetricProgressBarThickness = kThemeMetricLargeProgressBarThickness644kThemeScrollBar = kThemeMediumScrollBar645kThemeSlider = kThemeMediumSlider646kThemeProgressBar = kThemeMediumProgressBar...
header.js
Source:header.js
1import styled from "styled-components";2import {Button} from "primereact/button";3import {Menu} from "primereact/menu";4import {Moon, Sun} from "styled-icons/evaicons-solid";5export const StyledSun = styled(Sun)`6 color: ${({theme}) => theme.styles.header.color};7 cursor: pointer;8`;9export const StyledMoon = styled(Moon)`10 color: ${({theme}) => theme.styles.header.color};11 cursor: pointer;12`;13export const ThemeSwitcherStyled = styled.div`14 border-radius: 3px;15 transition: background 0.2s ease-in-out;16 &:hover {17 color: ${({theme}) => theme.styles.header.authButton.hover.color};18 background: ${({theme}) => theme.styles.header.authButton.hover.background};19 filter: brightness(85%);20 }21`;22export const HeaderStyled = styled.header`23 background: ${({theme}) => theme.styles.header.background};24 color: ${({theme}) => theme.styles.header.color};25 font-size: ${({theme}) => theme.fontSize};26 font-family: ${({theme}) => theme.fontSerif};27 letter-spacing: ${({theme}) => theme.fontKerning};28 line-height: ${({theme}) => theme.fontInterval};29 30 .main-menu .nav-item a.sign-in-button {31 background: ${({theme}) => theme.styles.header.authButton.background};32 padding: 0.5rem 1rem;33 transition: background 0.2s ease-in-out;34 }35 .main-menu .nav-item a.sign-in-button:hover {36 color: ${({theme}) => theme.styles.header.authButton.hover.color};37 background: ${({theme}) => theme.styles.header.authButton.hover.background};38 }39`40export const MenuButtonStyled = styled(Button)`41 background: ${({theme}) => theme.styles.header.mainMenu.button.background} !important;42 color: ${({theme}) => theme.styles.header.mainMenu.button.color} !important;43 font-size: ${({theme}) => theme.fontSize} !important;44 font-family: ${({theme}) => theme.fontSerif} !important;45 letter-spacing: ${({theme}) => theme.fontKerning} !important;46 line-height: ${({theme}) => theme.fontInterval} !important;47 transition: background 0.2s ease-in-out;48 border: 1px solid ${({theme}) => theme.styles.header.mainMenu.button.border} !important;49 &&& {50 padding: 0.7rem 1rem;51 .p-button-text {52 padding-left: 25px;53 padding-right: 0px;54 }55 }56 &:enabled:hover {57 background-color: ${({theme}) => theme.styles.header.mainMenu.button.enabled.hover.background} !important;58 border-color: ${({theme}) => theme.styles.header.mainMenu.button.enabled.hover.color} !important;59 }60 61 @media (max-width: 414px){62 && {63 .p-button-label {64 display: none;65 }66 }67 }68`69export const MenuButtonSettingsStyled = styled(Button)`70 background: ${({theme}) => theme.styles.header.mainMenu.button.background} !important;71 color: ${({theme}) => theme.styles.header.mainMenu.button.color} !important;72 font-size: ${({theme}) => theme.fontSize} !important;73 font-family: ${({theme}) => theme.fontSerif} !important;74 letter-spacing: ${({theme}) => theme.fontKerning} !important;75 line-height: ${({theme}) => theme.fontInterval} !important;76 transition: background 0.2s ease-in-out;77 border: 1px solid ${({theme}) => theme.styles.header.mainMenu.button.border} !important;78 &&& {79 padding: .6rem;80 width: 100%;81 .pi-cog {82 font-size: 1.8rem83 }84 }85 &:enabled:hover {86 background-color: ${({theme}) => theme.styles.header.mainMenu.button.enabled.hover.background} !important;87 border-color: ${({theme}) => theme.styles.header.mainMenu.button.enabled.hover.color} !important;88 }89`90export const MenuProfileButtonStyled = styled(Button)`91 background: ${({theme}) => theme.styles.header.mainMenu.button.background} !important;92 color: ${({theme}) => theme.styles.header.mainMenu.button.color} !important;93 font-size: ${({theme}) => theme.fontSize} !important;94 font-family: ${({theme}) => theme.fontSerif} !important;95 letter-spacing: ${({theme}) => theme.fontKerning} !important;96 line-height: ${({theme}) => theme.fontInterval} !important;97 padding: 0.5rem 1rem;98 transition: background 0.2s ease-in-out;99 border: 1px solid ${({theme}) => theme.styles.header.mainMenu.button.border} !important;100 &&& {101 .p-button-text {102 padding-right: 0px;103 }104 }105 &:enabled:hover {106 background-color: ${({theme}) => theme.styles.header.mainMenu.button.enabled.hover.background} !important;107 border-color: ${({theme}) => theme.styles.header.mainMenu.button.enabled.hover.color} !important;108 }109 110 @media (max-width: 414px){111 && {112 .p-button-label {113 display: none;114 }115 }116 }117 118`119export const MenuSettingsWrapper = styled.div`120 && {121 @media (min-width: 770px){122 display: none !important;123 }124 125 @media (max-width: 575px){126 padding-right: 1rem;127 padding-left: 1rem;128 }129 130 @media (max-width: 770px){131 padding-left: 1rem;132 }133 }134`135export const MenuProfileWrapper = styled.div`136 && {137 @media (max-width: 770px){138 padding-right: 1rem;139 }140 141 @media (max-width: 575px){142 padding-right: 1rem;143 padding-left: 1rem;144 }145 146 @media (max-width: 375px){147 padding-right: .5rem;148 padding-left: .5rem;149 }150 }151`152export const MenuStyled = styled(Menu)`153 background: ${({theme}) => theme.styles.header.mainMenu.background} !important;154 color: ${({theme}) => theme.styles.header.mainMenu.color} !important;155 font-size: ${({theme}) => theme.fontSize};156 font-family: ${({theme}) => theme.fontSerif};157 letter-spacing: ${({theme}) => theme.fontKerning};158 line-height: ${({theme}) => theme.fontInterval};159 border: none;160 161 & .p-menuitem-link { 162 color: ${({theme}) => theme.styles.header.mainMenu.primeItem.color} !important;163 .p-menuitem-icon {164 color: ${({theme}) => theme.styles.header.mainMenu.primeItem.icon.color} !important;165 }166 .p-menuitem-text {167 color: ${({theme}) => theme.styles.header.mainMenu.primeItem.icon.color} !important;168 &:hover {169 background-color: ${({theme}) => theme.styles.header.mainMenu.primeItem.hover.background} !important;170 border-color: ${({theme}) => theme.styles.header.mainMenu.primeItem.hover.border} !important;171 }172 }173 &:hover {174 background-color: ${({theme}) => theme.styles.header.mainMenu.primeItem.hover.background} !important;175 border-color: ${({theme}) => theme.styles.header.mainMenu.primeItem.hover.border} !important;176 }177 }178 179 &.p-menu-overlay {180 border-color: ${({theme}) => theme.styles.header.mainMenu.primeItem.overlay.border} !important;181 }182`183export const StyledNav = styled.nav`184 margin-left: auto;185 @media (max-width: 770px){186 display: none;187 }...
index.js
Source:index.js
1import _ from "lodash";2import bodyTheme from "./Body";3import leftTheme from "./Left";4import rightTheme from "./Right";5import headerTheme from "./Header";6import switchTheme from "./Switch";7import thumbnailTheme from "./Thumbnail";8import containerTheme from "./Container";9import contentTheme from "./Content";10import buttonTheme from "./Button";11import titleTheme from "./Title";12import subtitleTheme from "./Subtitle";13import inputGroupTheme from "./InputGroup";14import badgeTheme from "./Badge";15import checkBoxTheme from "./CheckBox";16import cardTheme from "./Card";17import radioTheme from "./Radio";18import h3Theme from "./H3";19import h2Theme from "./H2";20import h1Theme from "./H1";21import footerTheme from "./Footer";22import footerTabTheme from "./FooterTab";23import fabTheme from "./Fab";24import itemTheme from "./Item";25import labelTheme from "./Label";26import textAreaTheme from "./Textarea";27import textTheme from "./Text";28import toastTheme from "./Toast";29import tabTheme from "./Tab";30import tabBarTheme from "./TabBar";31import tabContainerTheme from "./TabContainer";32import viewTheme from "./View";33import tabHeadingTheme from "./TabHeading";34import iconTheme from "./Icon";35import inputTheme from "./Input";36import swipeRowTheme from "./SwipeRow";37import segmentTheme from "./Segment";38import spinnerTheme from "./Spinner";39import cardItemTheme from "./CardItem";40import listItemTheme from "./ListItem";41import formTheme from "./Form";42import separatorTheme from "./Separator";43import variable from "./../variables/platform";44export default (variables = variable) => {45 const theme = {46 variables,47 "NativeBase.Left": {48 ...leftTheme(variables)49 },50 "NativeBase.Right": {51 ...rightTheme(variables)52 },53 "NativeBase.Body": {54 ...bodyTheme(variables)55 },56 "NativeBase.Header": {57 ...headerTheme(variables)58 },59 "NativeBase.Button": {60 ...buttonTheme(variables)61 },62 "NativeBase.Title": {63 ...titleTheme(variables)64 },65 "NativeBase.Subtitle": {66 ...subtitleTheme(variables)67 },68 "NativeBase.InputGroup": {69 ...inputGroupTheme(variables)70 },71 "NativeBase.Input": {72 ...inputTheme(variables)73 },74 "NativeBase.Badge": {75 ...badgeTheme(variables)76 },77 "NativeBase.CheckBox": {78 ...checkBoxTheme(variables)79 },80 "NativeBase.Radio": {81 ...radioTheme(variables)82 },83 "NativeBase.Card": {84 ...cardTheme()85 },86 "NativeBase.CardItem": {87 ...cardItemTheme(variables)88 },89 "NativeBase.Toast": {90 ...toastTheme(variables)91 },92 "NativeBase.H1": {93 ...h1Theme(variables)94 },95 "NativeBase.H2": {96 ...h2Theme(variables)97 },98 "NativeBase.H3": {99 ...h3Theme(variables)100 },101 "NativeBase.Form": {102 ...formTheme(variables)103 },104 "NativeBase.Container": {105 ...containerTheme(variables)106 },107 "NativeBase.Content": {108 ...contentTheme(variables)109 },110 "NativeBase.Footer": {111 ...footerTheme(variables)112 },113 "NativeBase.Tabs": {114 flex: 1115 },116 "NativeBase.FooterTab": {117 ...footerTabTheme(variables)118 },119 "NativeBase.ListItem": {120 ...listItemTheme(variables)121 },122 "NativeBase.ListItem1": {123 ...listItemTheme(variables)124 },125 "NativeBase.Icon": {126 ...iconTheme(variables)127 },128 "NativeBase.IconNB": {129 ...iconTheme(variables)130 },131 "NativeBase.Text": {132 ...textTheme(variables)133 },134 "NativeBase.Spinner": {135 ...spinnerTheme(variables)136 },137 "NativeBase.Fab": {138 ...fabTheme(variables)139 },140 "NativeBase.Item": {141 ...itemTheme(variables)142 },143 "NativeBase.Label": {144 ...labelTheme(variables)145 },146 "NativeBase.Textarea": {147 ...textAreaTheme(variables)148 },149 "NativeBase.PickerNB": {150 "NativeBase.Button": {151 "NativeBase.Text": {}152 }153 },154 "NativeBase.Tab": {155 ...tabTheme(variables)156 },157 "NativeBase.Segment": {158 ...segmentTheme(variables)159 },160 "NativeBase.TabBar": {161 ...tabBarTheme(variables)162 },163 "NativeBase.ViewNB": {164 ...viewTheme(variables)165 },166 "NativeBase.TabHeading": {167 ...tabHeadingTheme(variables)168 },169 "NativeBase.TabContainer": {170 ...tabContainerTheme(variables)171 },172 "NativeBase.Switch": {173 ...switchTheme(variables)174 },175 "NativeBase.Separator": {176 ...separatorTheme(variables)177 },178 "NativeBase.SwipeRow": {179 ...swipeRowTheme(variables)180 },181 "NativeBase.Thumbnail": {182 ...thumbnailTheme(variables)183 }184 };185 const cssifyTheme = (grandparent, parent, parentKey) => {186 _.forEach(parent, (style, styleName) => {187 // console.log('styleName', styleName);188 // console.log('parentKey', parentKey);189 if (190 styleName.indexOf(".") === 0 &&191 parentKey &&192 parentKey.indexOf(".") === 0193 ) {194 if (grandparent) {195 if (!grandparent[styleName]) {196 grandparent[styleName] = {};197 } else {198 grandparent[styleName][parentKey] = style;199 }200 }201 }202 if (style && typeof style === "object") {203 cssifyTheme(parent, style, styleName);204 }205 });206 };207 cssifyTheme(null, theme, null);208 return theme;...
MarkdownBody.js
Source:MarkdownBody.js
1import { Box, mediaQueries } from '@hackclub/design-system'2import { range } from 'lodash'3const MarkdownBody = Box.extend`4 color: ${({ theme }) => theme.colors.black};5 font-size: 112.5%;6 line-height: 1.625;7 word-wrap: break-word;8 .public-DraftEditorPlaceholder-inner {9 color: ${({ theme }) => theme.colors.muted};10 font-size: ${({ theme }) => theme.fontSizes[2]}px;11 }12 a {13 color: ${({ theme }) => theme.colors.info};14 em {15 font-style: normal;16 &:before {17 content: '_';18 }19 &:after {20 content: '_';21 }22 }23 }24 /* hides title, assumes rendering separately */25 > h1:first-child {26 display: none;27 }28 h1,29 h2 {30 padding-bottom: ${({ theme }) => theme.space[2]}px;31 border-bottom: 1px solid ${({ theme }) => theme.colors.smoke};32 }33 h1,34 h2,35 h3,36 h4,37 strong {38 font-weight: ${({ theme }) => theme.bold};39 }40 ${range(1, 6)41 .map(42 n => `h${n} { font-size: ${({ theme }) => theme.fontSizes[6 - n]}px; }`43 )44 .join('')};45 img {46 max-width: 100%;47 }48 ol,49 ul {50 padding-left: ${({ theme }) => theme.space[3] * 1.5}px;51 }52 blockquote {53 border-left: 4px solid ${({ theme }) => theme.colors.smoke};54 color: ${({ theme }) => theme.colors.slate};55 padding-left: ${({ theme }) => theme.space[3]}px;56 margin-left: 0;57 }58 p,59 li {60 margin-top: ${({ theme }) => theme.space[2]}px;61 margin-bottom: ${({ theme }) => theme.space[2]}px;62 }63 hr {64 border: 0;65 height: 4px;66 background-color: ${({ theme }) => theme.colors.primary};67 max-width: ${({ theme }) => theme.space[7]}px;68 margin: ${({ theme }) => theme.space[4]}px auto;69 border-radius: 4px;70 }71 pre,72 code,73 kbd {74 font-family: ${({ theme }) => theme.mono};75 font-size: ${({ theme }) => theme.fontSizes[2]}px;76 word-break: break-word;77 }78 pre,79 code {80 background-color: ${({ theme }) => theme.colors.gray[1]};81 color: ${({ theme }) => theme.colors.black};82 }83 a code {84 background-color: ${({ theme }) => theme.colors.info};85 color: ${({ theme }) => theme.colors.white};86 text-decoration: underline;87 }88 del code {89 text-decoration: inherit;90 }91 pre code {92 padding: 0;93 }94 code,95 kbd {96 border-radius: 3px;97 padding: ${({ theme }) => theme.space[1]}px;98 }99 kbd {100 background-color: ${({ theme }) => theme.colors.gray[8]};101 color: ${({ theme }) => theme.colors.white};102 }103 pre {104 border-radius: ${({ theme }) => theme.radius};105 line-height: 1.375;106 max-width: 100%;107 overflow-x: auto;108 -webkit-overflow-scrolling: touch;109 padding: ${({ theme }) => theme.space[3]}px;110 position: relative;111 word-wrap: normal;112 }113 /* Syntax highlighting */114 .namespace {115 opacity: 0.75;116 }117 .token.comment,118 .token.prolog,119 .token.doctype,120 .token.cdata {121 color: ${({ theme }) => theme.colors.gray[6]};122 }123 .token.punctuation {124 color: ${({ theme }) => theme.colors.gray[6]};125 }126 .token.property,127 .token.tag,128 .token.boolean,129 .token.number,130 .token.constant,131 .token.symbol,132 .token.deleted {133 color: ${({ theme }) => theme.colors.red[6]};134 }135 .token.selector,136 .token.attr-name,137 .token.string,138 .token.char,139 .token.builtin,140 .token.inserted {141 color: ${({ theme }) => theme.colors.teal[8]};142 }143 .token.operator,144 .token.entity,145 .token.url,146 .language-css .token.string,147 .style .token.string {148 color: ${({ theme }) => theme.colors.violet[6]};149 }150 .token.url {151 background: ${({ theme }) => theme.colors.blue[1]};152 color: ${({ theme }) => theme.colors.indigo[6]};153 }154 .token.atrule,155 .token.attr-value,156 .token.keyword {157 color: ${({ theme }) => theme.colors.blue[6]};158 }159 .token.function {160 color: ${({ theme }) => theme.colors.pink[6]};161 }162 .token.regex,163 .token.important,164 .token.variable {165 color: ${({ theme }) => theme.colors.orange[6]};166 }167 .token.important,168 .token.bold {169 font-weight: bold;170 }171 .token.entity {172 cursor: help;173 }174 /* Line highlighting */175 pre[data-line] {176 position: relative;177 }178 pre[class*='language-'] > code[class*='language-'] {179 position: relative;180 z-index: 1;181 }182 .line-highlight {183 position: absolute;184 left: 0;185 right: 0;186 margin-top: ${({ theme }) => theme.space[2]}px;187 background: rgba(250, 247, 133, 0.8);188 pointer-events: none;189 white-space: pre;190 }191`...
uxtheme.spec
Source:uxtheme.spec
1# Undocumented functions - Names derived from debug symbols21 stdcall -noname QueryThemeServices()32 stdcall -noname OpenThemeFile(wstr wstr wstr ptr long)43 stdcall -noname CloseThemeFile(ptr)54 stdcall -noname ApplyTheme(ptr ptr ptr)67 stdcall -noname GetThemeDefaults(wstr wstr long wstr long)78 stdcall -noname EnumThemes(wstr ptr ptr)89 stdcall -noname EnumThemeColors(wstr wstr long ptr)910 stdcall -noname EnumThemeSizes(wstr wstr long ptr)1011 stdcall -noname ParseThemeIniFile(wstr wstr ptr ptr)1113 stub -noname DrawNCPreview1214 stub -noname RegisterDefaultTheme1315 stub -noname DumpLoadedThemeToTextFile1416 stub -noname OpenThemeDataFromFile1517 stub -noname OpenThemeFileFromData1618 stub -noname GetThemeSysSize961719 stub -noname GetThemeSysFont961820 stub -noname SessionAllocate1921 stub -noname SessionFree2022 stub -noname ThemeHooksOn2123 stub -noname ThemeHooksOff2224 stub -noname AreThemeHooksActive2325 stub -noname GetCurrentChangeNumber2426 stub -noname GetNewChangeNumber2527 stub -noname SetGlobalTheme2628 stub -noname GetGlobalTheme2729 stdcall -noname CheckThemeSignature(wstr)2830 stub -noname LoadTheme2931 stub -noname InitUserTheme3032 stub -noname InitUserRegistry3133 stub -noname ReestablishServerConnection3234 stub -noname ThemeHooksInstall3335 stub -noname ThemeHooksRemove3436 stub -noname RefreshThemeForTS3543 stub -noname ClassicGetSystemMetrics3644 stub -noname ClassicSystemParametersInfoA3745 stub -noname ClassicSystemParametersInfoW3846 stub -noname ClassicAdjustWindowRectEx3948 stub -noname GetThemeParseErrorInfo4060 stub -noname CreateThemeDataFromObjects4161 stdcall OpenThemeDataEx(ptr wstr long)4262 stub -noname ServerClearStockObjects4363 stub -noname MarkSelection44# Standard functions45@ stdcall BeginBufferedPaint(ptr ptr long ptr ptr)46@ stdcall BufferedPaintInit()47@ stdcall BufferedPaintUnInit()48@ stdcall CloseThemeData(ptr)49@ stdcall DrawThemeBackground(ptr ptr long long ptr ptr)50@ stdcall DrawThemeBackgroundEx(ptr ptr long long ptr ptr)51@ stdcall DrawThemeEdge(ptr ptr long long ptr long long ptr)52@ stdcall DrawThemeIcon(ptr ptr long long ptr ptr long)53@ stdcall DrawThemeParentBackground(ptr ptr ptr)54@ stdcall DrawThemeText(ptr ptr long long wstr long long long ptr)55@ stdcall EnableThemeDialogTexture(ptr long)56@ stdcall EnableTheming(long)57@ stdcall EndBufferedPaint(ptr long)58@ stdcall GetCurrentThemeName(wstr long wstr long wstr long)59@ stdcall GetThemeAppProperties()60@ stdcall GetThemeBackgroundContentRect(ptr ptr long long ptr ptr)61@ stdcall GetThemeBackgroundExtent(ptr ptr long long ptr ptr)62@ stdcall GetThemeBackgroundRegion(ptr ptr long long ptr ptr)63@ stdcall GetThemeBool(ptr long long long ptr)64@ stdcall GetThemeColor(ptr long long long ptr)65@ stdcall GetThemeDocumentationProperty(wstr wstr wstr long)66@ stdcall GetThemeEnumValue(ptr long long long ptr)67@ stdcall GetThemeFilename(ptr long long long wstr long)68@ stdcall GetThemeFont(ptr ptr long long long ptr)69@ stdcall GetThemeInt(ptr long long long ptr)70@ stdcall GetThemeIntList(ptr long long long ptr)71@ stdcall GetThemeMargins(ptr ptr long long long ptr ptr)72@ stdcall GetThemeMetric(ptr ptr long long long ptr)73@ stdcall GetThemePartSize(ptr ptr long long ptr long ptr)74@ stdcall GetThemePosition(ptr long long long ptr)75@ stdcall GetThemePropertyOrigin(ptr long long long ptr)76@ stdcall GetThemeRect(ptr long long long ptr)77@ stdcall GetThemeString(ptr long long long wstr long)78@ stdcall GetThemeSysBool(ptr long)79@ stdcall GetThemeSysColor(ptr long)80@ stdcall GetThemeSysColorBrush(ptr long)81@ stdcall GetThemeSysFont(ptr long ptr)82@ stdcall GetThemeSysInt(ptr long ptr)83@ stdcall GetThemeSysSize(ptr long)84@ stdcall GetThemeSysString(ptr long wstr long)85@ stdcall GetThemeTextExtent(ptr ptr long long wstr long long ptr ptr)86@ stdcall GetThemeTextMetrics(ptr ptr long long ptr)87@ stdcall GetWindowTheme(ptr)88@ stdcall HitTestThemeBackground(ptr long long long long ptr long int64 ptr)89@ stdcall IsAppThemed()90@ stdcall IsThemeActive()91@ stdcall IsThemeBackgroundPartiallyTransparent(ptr long long)92@ stdcall IsThemeDialogTextureEnabled(ptr)93@ stdcall IsThemePartDefined(ptr long long)94@ stdcall OpenThemeData(ptr wstr)95@ stdcall SetThemeAppProperties(long)...
settings.py
Source:settings.py
...19skyblue = ["#729FCF", "#3465A4", "#204A87", "#FFFFFF"]20scarletred = ["#EF2929", "#CC0000", "#A40000", "#FFFFFF"]21blackwhite = ["#222222", "#111111", "#000000", "#FFFFFF"]22current_theme = {}23def select_theme(theme):24 current_theme.clear()25 current_theme['background'] = theme[2]26# current_theme['activebackground'] = theme[1]27# current_theme['insertborderwidth'] = theme[1]28# current_theme['highlightforeground'] = theme[2]29 current_theme['highlightbackground'] = theme[2]30 current_theme['foreground'] = theme[3]31# current_theme['activeforeground'] = theme[3]32# current_theme['disabledforeground'] = theme[0]33 current_theme['highlightcolor'] = theme[1]34 current_theme['insertbackground'] = theme[3]35select_theme(skyblue)36def apply_theme(widget = 0, exclude = ['canvas'], childrenlambda = 0):37 try:38 a = widget.dontcolor39 return widget40 except AttributeError:41 pass # keep going42 for k in current_theme:43 try:44 eval('%s%s%s%s%s' % ('widget.config(',k,' = "',current_theme[k],'")'))45 except TclError:46 pass # This is ok, not all widgets have the same options47 if not childrenlambda:48 childrenlambda = widget.winfo_children49 try:50 for child in childrenlambda():51 if not child.widgetName in exclude:52 apply_theme(child, exclude)53 except TclError:54 print "uh oh, tclerrrror"...
website_theme.py
Source:website_theme.py
...17 "link_color": "#000000"18}19def get_context(context):20 """returns web style"""21 website_theme = get_active_theme()22 if not website_theme:23 return {}24 prepare(website_theme)25 return { "theme": website_theme }26def prepare(theme):27 for d in default_properties:28 if not theme.get(d):29 theme.set(d, default_properties[d])30 theme.footer_border_color = get_shade(theme.footer_color, 10)31 theme.border_color = get_shade(theme.background_color, 10)32 webfonts = list(set(theme.get(key)33 for key in ("heading_webfont", 'text_webfont') if theme.get(key)))34 theme.webfont_import = "\n".join('@import url(https://fonts.googleapis.com/css?family={0}:400,300,400italic,700&subset=latin,latin-ext);'\35 .format(font.replace(" ", "+")) for font in webfonts)...
Using AI Code Generation
1import React from 'react';2import { storiesOf } from '@storybook/react';3import { withThemesProvider } from 'storybook-addon-styled-component-theme';4import { withTheme } from 'storybook-root-decorator';5import { Button } from 'components/Button';6import { lightTheme, darkTheme } from 'theme';7const themes = [lightTheme, darkTheme];8storiesOf('Button', module)9 .addDecorator(withThemesProvider(themes))10 .addDecorator(withTheme)11 .add('Primary', () => <Button>Primary</Button>)12 .add('Secondary', () => <Button secondary>Secondary</Button>);13import React from 'react';14import { ThemeProvider } from 'styled-components';15import { lightTheme, darkTheme } from 'theme';16export const withTheme = (Story, context) => {17 const theme = context.globals.theme === 'light' ? lightTheme : darkTheme;18 return (19 <ThemeProvider theme={theme}>20 );21};22import { addDecorator } from '@storybook/react';23import { withThemesProvider } from 'storybook-addon-styled-component-theme';24import { withTheme } from 'storybook-root-decorator';25import { lightTheme, darkTheme } from 'theme';26const themes = [lightTheme, darkTheme];27addDecorator(withThemesProvider(themes));28addDecorator(withTheme);29export const parameters = {30 actions: { argTypesRegex: '^on[A-Z].*' },31 backgrounds: {32 {33 },34 {35 },36 },37 controls: { expanded: true },38 options: {39 storySort: {40 },41 },42};43import { addons } from '@storybook/addons';44import { themes } from '@storybook/theming';45import { create } from '@storybook/theming/create';46const customTheme = create({
Using AI Code Generation
1import { theme } from 'storybook-root-decorator';2import { theme } from 'storybook-root-decorator';3import { theme } from 'storybook-root-decorator';4import { theme } from 'storybook-root-decorator';5import { theme } from 'storybook-root-decorator';6import { theme } from 'storybook-root-decorator';7import { theme } from 'storybook-root-decorator';8import { theme } from 'storybook-root-decorator';9MIT © [Ganesh](
Using AI Code Generation
1import { withRoot } from 'storybook-root-decorator';2import { muiTheme } from 'storybook-addon-material-ui';3import { ThemeProvider } from 'styled-components';4import { theme } from '../src/theme';5import { withInfo } from '@storybook/addon-info';6import { withKnobs } from '@storybook/addon-knobs';7import { withA11y } from '@storybook/addon-a11y';8import { withOptions } from '@storybook/addon-options';9import { addDecorator, addParameters } from '@storybook/react';10import { configure } from '@storybook/react';11import { configureActions } from '@storybook/addon-actions';12import { setOptions } from '@storybook/addon-options';13import { setDefaults } from '@storybook/addon-info';14import { setConsoleOptions } from '@storybook/addon-console';15import { withConsole } from '@storybook/addon-console';16import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';17import { themes } from '@storybook/theming';18import { withViewport } from '@storybook/addon-viewport';19import { withThemes } from '@storybook/addon-themes';20import { withTests } from '@storybook/addon-jest';
Using AI Code Generation
1import { withTheme } from 'storybook-addon-root-decorator';2import { Button } from 'react-native-elements';3import { ThemeProvider } from 'styled-components/native';4import theme from '../src/theme';5import { View } from 'react-native';6const App = () => {7 return (8 <ThemeProvider theme={theme}>9 );10};11export default withTheme(App);12import { withTheme } from 'storybook-addon-root-decorator';13import { addDecorator } from '@storybook/react-native';14import { ThemeProvider } from 'styled-components/native';15import theme from '../src/theme';16addDecorator(withTheme(theme));17import { Button } from 'react-native-elements';18import { View } from 'react-native';19const App = () => {20 return (21 );22};23export default App;24import { withTheme } from 'storybook-addon-root-decorator';25import { addDecorator } from '@storybook/react-native';26import { ThemeProvider } from 'styled-components/native';27import theme from '../src/theme';28addDecorator(withTheme(theme));29import { Button } from 'react-native-elements';30import { View } from 'react-native';31const App = () => {32 return (33 );34};35export default App;36import { withTheme } from 'storybook-addon-root-decorator';37import { addDecorator } from '@storybook/react-native';38import { ThemeProvider } from 'styled-components/native';39import theme from '../src/theme';40addDecorator(withTheme(theme));41import { Button } from 'react-native-elements';42import { View } from 'react-native';43const App = () => {44 return (45 );46};47export default App;
Using AI Code Generation
1import { theme } from 'storybook-root';2import { theme } from 'storybook-root';3import { theme } from 'storybook-root';4import { theme } from 'storybook-root';5import { theme } from 'storybook-root';6import { theme } from 'storybook-root';7import { theme } from 'storybook-root';8import { theme } from 'storybook-root';9MIT © [mohd-isa](
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run storybook-root automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
