Skip to content

Commit

Permalink
re-generate tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
@amegias
amegias committed Jul 22, 2024
1 parent 808bef1 commit c8ead1f
Show file tree
Hide file tree
Showing 13 changed files with 200 additions and 1,156 deletions.
139 changes: 10 additions & 129 deletions Sources/MisticaCommon/Colors/BlauColorPalette.swift
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,264 +10,145 @@ import UIKit

struct BlauColors: MisticaColors {
static let palette = BlauColorPalette()

let backgroundBrand = MisticaColor.solid(BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack)

let backgroundBrandSecondary = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let appBarBackground = BlauColors.palette.white | BlauColors.palette.darkModeGrey

let background = BlauColors.palette.white | BlauColors.palette.darkModeBlack

let backgroundContainer = BlauColors.palette.white | BlauColors.palette.darkModeGrey

let backgroundContainerError = BlauColors.palette.blauRed10 | BlauColors.palette.darkModeGrey

let backgroundContainerHover = BlauColors.palette.blauBluePrimary.withAlphaComponent(0.03) | BlauColors.palette.white.withAlphaComponent(0.03)

let backgroundContainerPressed = BlauColors.palette.blauBluePrimary.withAlphaComponent(0.05) | BlauColors.palette.white.withAlphaComponent(0.05)

let backgroundContainerBrand = MisticaColor.solid(BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeGrey)

let backgroundContainerBrandHover = BlauColors.palette.darkModeBlack.withAlphaComponent(0.2) | BlauColors.palette.white.withAlphaComponent(0.03)

let backgroundContainerBrandPressed = BlauColors.palette.darkModeBlack.withAlphaComponent(0.4) | BlauColors.palette.white.withAlphaComponent(0.05)

let backgroundContainerBrandOverInverse = BlauColors.palette.blauBlueSecondary | BlauColors.palette.darkModeGrey

let backgroundContainerAlternative = BlauColors.palette.blauBluePrimary20 | BlauColors.palette.darkModeGrey

let backgroundOverlay = BlauColors.palette.blauBlueSecondary.withAlphaComponent(0.75) | BlauColors.palette.darkModeGrey.withAlphaComponent(0.8)

let backgroundSkeleton = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey

let backgroundSkeletonInverse = BlauColors.palette.blauBlueSecondary | BlauColors.palette.darkModeGrey

let navigationBarBackground = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let backgroundAlternative = BlauColors.palette.blauBluePrimary20 | BlauColors.palette.darkModeBlack

let backgroundBrandTop = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let backgroundBrandBottom = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let skeletonWave = BlauColors.palette.grey2 | BlauColors.palette.grey5

let borderLow = BlauColors.palette.grey1 | BlauColors.palette.darkModeBlack

let border = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey

let borderHigh = BlauColors.palette.grey5

let borderSelected = BlauColors.palette.blauBlueSecondary60

let coverBackgroundHover = BlauColors.palette.darkModeBlack.withAlphaComponent(0.25)

let coverBackgroundPressed = BlauColors.palette.darkModeBlack.withAlphaComponent(0.35)

let buttonDangerBackground = BlauColors.palette.blauRed

let buttonDangerBackgroundSelected = BlauColors.palette.blauRed70

let buttonDangerBackgroundHover = BlauColors.palette.blauRed70

let buttonLinkDangerBackgroundSelected = BlauColors.palette.blauRed10 | BlauColors.palette.blauPurple.withAlphaComponent(0.3)

let buttonLinkDangerBackgroundInverse = BlauColors.palette.white | BlauColors.palette.white.withAlphaComponent(0)

let buttonLinkDangerBackgroundInverseSelected = BlauColors.palette.blauRed10 | BlauColors.palette.blauPurple.withAlphaComponent(0.3)

let buttonLinkBackgroundSelected = BlauColors.palette.blauPurple10 | BlauColors.palette.blauPurple.withAlphaComponent(0.3)

let buttonLinkBackgroundInverseSelected = BlauColors.palette.white.withAlphaComponent(0.15) | BlauColors.palette.blauPurple.withAlphaComponent(0.3)

let buttonPrimaryBackground = BlauColors.palette.blauBlueSecondary

let buttonPrimaryBackgroundInverse = BlauColors.palette.white | BlauColors.palette.blauBluePrimary

let buttonPrimaryBackgroundSelected = BlauColors.palette.blauBlueSecondary60

let buttonPrimaryBackgroundHover = BlauColors.palette.blauBlueSecondary60

let buttonPrimaryBackgroundInverseSelected = BlauColors.palette.blauBluePrimary30 | BlauColors.palette.blauBlueSecondary60

let buttonSecondaryBorder = BlauColors.palette.blauBlueSecondary | BlauColors.palette.white

let buttonSecondaryBorderSelected = BlauColors.palette.blauBlueSecondary60 | BlauColors.palette.white

let buttonSecondaryBorderInverse = BlauColors.palette.white

let buttonSecondaryBackgroundHover = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.white.withAlphaComponent(0.15)

let buttonSecondaryBackgroundSelected = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.white.withAlphaComponent(0.15)

let buttonSecondaryBorderInverseSelected = BlauColors.palette.white

let buttonSecondaryBackgroundInverseHover = BlauColors.palette.white.withAlphaComponent(0.2) | BlauColors.palette.white.withAlphaComponent(0.15)

let buttonSecondaryBackgroundInverseSelected = BlauColors.palette.white.withAlphaComponent(0.2) | BlauColors.palette.white.withAlphaComponent(0.15)

let textButtonPrimary = BlauColors.palette.white | BlauColors.palette.grey2

let textButtonPrimaryInverse = BlauColors.palette.blauBlueSecondary | BlauColors.palette.grey2

let textButtonPrimaryInverseSelected = BlauColors.palette.blauBlueSecondary60 | BlauColors.palette.grey2

let textButtonSecondary = BlauColors.palette.blauBlueSecondary | BlauColors.palette.grey2

let textButtonSecondarySelected = BlauColors.palette.blauBlueSecondary60 | BlauColors.palette.grey2

let textButtonSecondaryInverse = BlauColors.palette.white | BlauColors.palette.grey2

let textButtonSecondaryInverseSelected = BlauColors.palette.white | BlauColors.palette.grey2

let textLink = BlauColors.palette.blauPurple | BlauColors.palette.blauPurple30

let textLinkInverse = BlauColors.palette.white | BlauColors.palette.blauPurple30

let textLinkDanger = BlauColors.palette.blauRed

let textLinkSnackbar = BlauColors.palette.blauPurple30

let textActivated = BlauColors.palette.blauBlueSecondary

let textBrand = BlauColors.palette.blauBluePrimary

let control = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey6

let controlActivated = BlauColors.palette.blauBlueSecondary

let controlInverse = BlauColors.palette.blauBluePrimary30 | BlauColors.palette.darkModeGrey6

let controlActivatedInverse = BlauColors.palette.white | BlauColors.palette.blauBlueSecondary

let controlError = BlauColors.palette.blauRed

let barTrack = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey6

let loadingBar = BlauColors.palette.blauBlueSecondary | BlauColors.palette.blauBluePrimary

let loadingBarBackground = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.darkModeGrey

let toggleAndroidInactive = BlauColors.palette.grey2 | BlauColors.palette.grey5

let toggleAndroidBackgroundActive = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.blauBlueSecondary30

let iosControlKnob = BlauColors.palette.white | BlauColors.palette.grey2

let divider = BlauColors.palette.grey2 | BlauColors.palette.white.withAlphaComponent(0.05)

let dividerInverse = BlauColors.palette.white.withAlphaComponent(0.2) | BlauColors.palette.white.withAlphaComponent(0.05)

let navigationBarDivider = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let badge = BlauColors.palette.blauRed

let feedbackErrorBackground = BlauColors.palette.blauRed

let feedbackInfoBackground = BlauColors.palette.grey6 | BlauColors.palette.darkModeGrey

let brand = BlauColors.palette.blauBluePrimary

let brandHigh = BlauColors.palette.blauBlueSecondary | BlauColors.palette.white.withAlphaComponent(0.05)

let inverse = BlauColors.palette.white | BlauColors.palette.grey2

let neutralHigh = BlauColors.palette.grey6 | BlauColors.palette.grey2

let neutralMedium = BlauColors.palette.grey5

let neutralMediumInverse = BlauColors.palette.grey5

let neutralLow = BlauColors.palette.grey1 | BlauColors.palette.darkModeGrey6

let neutralLowAlternative = BlauColors.palette.grey2 | BlauColors.palette.darkModeGrey6

let textPrimary = BlauColors.palette.grey6 | BlauColors.palette.grey2

let textPrimaryInverse = BlauColors.palette.white | BlauColors.palette.grey2

let textSecondary = BlauColors.palette.grey5 | BlauColors.palette.grey4

let textSecondaryInverse = BlauColors.palette.blauBluePrimary20 | BlauColors.palette.grey4

let error = BlauColors.palette.blauRed

let textError = BlauColors.palette.blauRed

let textErrorInverse = BlauColors.palette.white | BlauColors.palette.blauRed

let success = BlauColors.palette.blauGreen

let warning = BlauColors.palette.blauYellow

let promo = BlauColors.palette.blauPurple

let highlight = BlauColors.palette.blauBluePrimary

let successLow = BlauColors.palette.blauGreen10 | BlauColors.palette.darkModeGrey6

let warningLow = BlauColors.palette.blauYellow10 | BlauColors.palette.darkModeGrey6

let errorLow = BlauColors.palette.blauRed10 | BlauColors.palette.darkModeGrey6

let promoLow = BlauColors.palette.blauPurple10 | BlauColors.palette.darkModeGrey6

let brandLow = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.darkModeGrey6

let successHigh = BlauColors.palette.blauGreen70 | BlauColors.palette.blauGreen30

let warningHigh = BlauColors.palette.blauYellow70 | BlauColors.palette.blauYellow40

let errorHigh = BlauColors.palette.blauRed70 | BlauColors.palette.blauRed40

let promoHigh = BlauColors.palette.blauPurple | BlauColors.palette.blauPurple30

let successHighInverse = BlauColors.palette.blauGreen70

let warningHighInverse = BlauColors.palette.blauYellow70

let errorHighInverse = BlauColors.palette.blauRed70

let promoHighInverse = BlauColors.palette.blauPurple

let textNavigationBarPrimary = BlauColors.palette.white | BlauColors.palette.grey2

let textNavigationBarSecondary = BlauColors.palette.blauBlueSecondary20 | BlauColors.palette.grey4

let textNavigationSearchBarHint = BlauColors.palette.blauBlueSecondary20 | BlauColors.palette.grey4

let textNavigationSearchBarText = BlauColors.palette.white | BlauColors.palette.grey2

let textAppBar = BlauColors.palette.grey5

let textAppBarSelected = BlauColors.palette.blauBlueSecondary60 | BlauColors.palette.grey2

let customTabsBackground = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let tagTextPromo = BlauColors.palette.blauPurple | BlauColors.palette.blauPurple30

let tagTextActive = BlauColors.palette.blauBluePrimary

let tagTextInactive = BlauColors.palette.grey5

let tagTextSuccess = BlauColors.palette.blauGreen70 | BlauColors.palette.blauGreen30

let tagTextWarning = BlauColors.palette.blauYellow70 | BlauColors.palette.blauYellow40

let tagTextError = BlauColors.palette.blauRed70 | BlauColors.palette.blauRed40

let tagBackgroundPromo = BlauColors.palette.blauPurple10 | BlauColors.palette.darkModeGrey6

let tagBackgroundActive = BlauColors.palette.blauBlueSecondary10 | BlauColors.palette.darkModeGrey6

let tagBackgroundInactive = BlauColors.palette.grey1 | BlauColors.palette.darkModeGrey6

let tagBackgroundSuccess = BlauColors.palette.blauGreen10 | BlauColors.palette.darkModeGrey6

let tagBackgroundWarning = BlauColors.palette.blauYellow10 | BlauColors.palette.darkModeGrey6

let tagBackgroundError = BlauColors.palette.blauRed10 | BlauColors.palette.darkModeGrey6
let cardContentOverlay = MisticaColor.gradient(MisticaGradient(
colors:
[
BlauColors.palette.grey6.withAlphaComponent(0),
BlauColors.palette.grey6.withAlphaComponent(0.4),
BlauColors.palette.grey6.withAlphaComponent(0.7)
],
stops: [0, 0.3, 1],
angle: 180
))
}

public struct BlauColorPalette {
Expand Down
52 changes: 26 additions & 26 deletions Sources/MisticaCommon/Colors/ColorToolkit+Color.swift
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,16 +9,16 @@
import SwiftUI

public extension Color {
static var background: Color {
MisticaConfig.currentColors.background.color
static var backgroundBrandSecondary: Color {
MisticaConfig.currentColors.backgroundBrandSecondary.color
}

static var backgroundAlternative: Color {
MisticaConfig.currentColors.backgroundAlternative.color
static var appBarBackground: Color {
MisticaConfig.currentColors.appBarBackground.color
}

static var backgroundBrandSecondary: Color {
MisticaConfig.currentColors.backgroundBrandSecondary.color
static var background: Color {
MisticaConfig.currentColors.background.color
}

static var backgroundContainer: Color {
Expand Down Expand Up @@ -65,20 +65,20 @@ public extension Color {
MisticaConfig.currentColors.backgroundSkeletonInverse.color
}

static var backgroundBrandTop: Color {
MisticaConfig.currentColors.backgroundBrandTop.color
static var navigationBarBackground: Color {
MisticaConfig.currentColors.navigationBarBackground.color
}

static var backgroundBrandBottom: Color {
MisticaConfig.currentColors.backgroundBrandBottom.color
static var backgroundAlternative: Color {
MisticaConfig.currentColors.backgroundAlternative.color
}

static var appBarBackground: Color {
MisticaConfig.currentColors.appBarBackground.color
static var backgroundBrandTop: Color {
MisticaConfig.currentColors.backgroundBrandTop.color
}

static var navigationBarBackground: Color {
MisticaConfig.currentColors.navigationBarBackground.color
static var backgroundBrandBottom: Color {
MisticaConfig.currentColors.backgroundBrandBottom.color
}

static var skeletonWave: Color {
Expand Down Expand Up @@ -169,6 +169,10 @@ public extension Color {
MisticaConfig.currentColors.buttonSecondaryBorderSelected.color
}

static var buttonSecondaryBorderInverse: Color {
MisticaConfig.currentColors.buttonSecondaryBorderInverse.color
}

static var buttonSecondaryBackgroundHover: Color {
MisticaConfig.currentColors.buttonSecondaryBackgroundHover.color
}
Expand All @@ -177,10 +181,6 @@ public extension Color {
MisticaConfig.currentColors.buttonSecondaryBackgroundSelected.color
}

static var buttonSecondaryBorderInverse: Color {
MisticaConfig.currentColors.buttonSecondaryBorderInverse.color
}

static var buttonSecondaryBorderInverseSelected: Color {
MisticaConfig.currentColors.buttonSecondaryBorderInverseSelected.color
}
Expand Down Expand Up @@ -361,14 +361,6 @@ public extension Color {
MisticaConfig.currentColors.textSecondaryInverse.color
}

static var success: Color {
MisticaConfig.currentColors.success.color
}

static var warning: Color {
MisticaConfig.currentColors.warning.color
}

static var error: Color {
MisticaConfig.currentColors.error.color
}
Expand All @@ -381,6 +373,14 @@ public extension Color {
MisticaConfig.currentColors.textErrorInverse.color
}

static var success: Color {
MisticaConfig.currentColors.success.color
}

static var warning: Color {
MisticaConfig.currentColors.warning.color
}

static var promo: Color {
MisticaConfig.currentColors.promo.color
}
Expand Down
Loading

0 comments on commit c8ead1f

Please sign in to comment.