passepartout-apple/Passepartout/App/Constants/Theme.swift

405 lines
9.8 KiB
Swift
Raw Normal View History

2022-04-12 13:09:14 +00:00
//
// Theme.swift
// Passepartout
//
// Created by Davide De Rosa on 2/24/22.
// Copyright (c) 2022 Davide De Rosa. All rights reserved.
//
// https://github.com/passepartoutvpn
//
// This file is part of Passepartout.
//
// Passepartout is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Passepartout is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Passepartout. If not, see <http://www.gnu.org/licenses/>.
//
import SwiftUI
import PassepartoutCore
extension Color {
init(red: Double, green: Double, blue: Double, brightness: Double) {
self.init(
red: red * brightness,
green: green * brightness,
blue: blue * brightness
)
}
}
extension View {
var themeIdiom: UIUserInterfaceIdiom {
UIDevice.current.userInterfaceIdiom
}
}
// MARK: Styles
extension View {
func themeGlobal() -> some View {
let color = themeAccentColor
return accentColor(color)
.toggleStyle(SwitchToggleStyle(tint: color))
.listStyle(.insetGrouped)
.themeNavigationViewStyle()
}
@ViewBuilder
private func themeNavigationViewStyle() -> some View {
switch themeIdiom {
2022-04-12 13:09:14 +00:00
case .phone:
navigationViewStyle(.stack)
default:
navigationViewStyle(.automatic)
}
}
func themePrimaryView() -> some View {
navigationBarTitleDisplayMode(.large)
2022-04-12 13:09:14 +00:00
}
func themeSecondaryView() -> some View {
navigationBarTitleDisplayMode(.inline)
}
func themeLongText() -> some View {
lineLimit(1)
.truncationMode(.middle)
}
func themeInformativeText() -> some View {
font(.title)
.foregroundColor(themeSecondaryColor)
}
2022-04-12 13:09:14 +00:00
}
// MARK: Colors
extension View {
var themeAccentColor: Color {
Color(Asset.Assets.accentColor.color)
}
var themePrimaryBackgroundColor: Color {
Color(Asset.Assets.primaryColor.color)
}
var themePrimaryBackground: some View {
themePrimaryBackgroundColor
.ignoresSafeArea()
}
var themeSecondaryColor: Color {
.secondary
}
var themeLightTextColor: Color {
Color(Asset.Assets.lightTextColor.color)
}
var themeErrorColor: Color {
.red
}
private func themeColor(_ string: String?, validator: (String) throws -> Void) -> Color? {
guard let string = string else {
return nil
}
do {
try validator(string)
return nil
} catch {
return themeErrorColor
}
}
}
// MARK: Fonts
extension View {
func themeDebugLogFont() -> some View {
font(.system(size: 13, weight: .medium, design: .monospaced))
}
}
// MARK: Images
extension View {
var themeAssetsLogoImage: String {
"logo"
}
func themeAssetsProviderImage(_ providerName: ProviderName) -> String {
"providers/\(providerName)"
}
func themeAssetsCountryImage(_ countryCode: String) -> String {
"flags/\(countryCode.lowercased())"
}
var themeProviderImage: String {
"externaldrive.connected.to.line.below.fill"
}
var themeHostFilesImage: String {
2022-04-12 13:09:14 +00:00
"folder.fill"
}
var themeHostTextImage: String {
"text.justify"
2022-04-12 13:09:14 +00:00
}
var themeSettingsMenuImage: String {
"ellipsis.circle"
}
var themeAddMenuImage: String {
2022-04-12 13:09:14 +00:00
"plus"
}
2022-04-12 13:09:14 +00:00
var themeCheckmarkImage: String {
"checkmark"
}
var themeStatusImage: String {
"network"
}
var themeShortcutsImage: String {
"mic.fill"
}
var themeDonateImage: String {
"giftcard.fill"
}
var themeRedditImage: String {
"person.3.fill"
}
var themeWriteReviewImage: String {
"heart.fill"
}
var themeCloseImage: String {
"xmark"
2022-04-12 13:09:14 +00:00
}
var themeDeleteImage: String {
"trash.fill"
}
var themeRenameProfileImage: String {
"highlighter"
// "character.cursor.ibeam"
}
var themeVPNProtocolImage: String {
"bolt.fill"
// "waveform.path.ecg"
// "message.and.waveform.fill"
// "pc"
// "captions.bubble.fill"
}
var themeEndpointImage: String {
"link"
}
var themeAccountImage: String {
"person.fill"
}
var themeProviderLocationImage: String {
"location.fill"
}
var themeProviderPresetImage: String {
"slider.horizontal.3"
}
var themeProviderRefreshImage: String {
"arrow.clockwise"
}
var themeNetworkSettingsImage: String {
// "network"
"globe"
}
var themeOnDemandImage: String {
"wifi"
}
var themeDiagnosticsImage: String {
"bandage.fill"
}
var themeFAQImage: String {
"questionmark.diamond.fill"
}
var themeConceilImage: String {
"eye.slash.fill"
}
var themeRevealImage: String {
"eye.fill"
}
var themeShareImage: String {
"square.and.arrow.up"
}
func themeFavoritesImage(_ active: Bool) -> String {
active ? "bookmark.fill" : "bookmark"
}
func themeFavoriteActionImage(_ doFavorite: Bool) -> String {
doFavorite ? "bookmark" : "bookmark.slash.fill"
}
}
extension String {
var asAssetImage: Image {
Image(self)
}
var asSystemImage: Image {
Image(systemName: self)
}
}
// MARK: Shortcuts
extension View {
func themeCloseItem(presentationMode: Binding<PresentationMode>) -> some ToolbarContent {
ToolbarItem(placement: .cancellationAction) {
Button {
presentationMode.wrappedValue.dismiss()
} label: {
themeCloseImage.asSystemImage
}
}
}
func themeCloseItem(isPresented: Binding<Bool>) -> some ToolbarContent {
ToolbarItem(placement: .cancellationAction) {
Button {
isPresented.wrappedValue = false
} label: {
themeCloseImage.asSystemImage
}
}
}
2022-04-12 13:09:14 +00:00
func themeSaveButtonLabel() -> some View {
// themeCheckmarkImage.asSystemImage
Text(L10n.Global.Strings.save)
}
// func themeDoneButtonLabel() -> some View {
//// themeCheckmarkImage.asSystemImage
// Text(L10n.Global.Strings.ok)
// }
2022-04-12 13:09:14 +00:00
func themeTextPicker<T: Hashable>(_ title: String, selection: Binding<T>, values: [T], description: @escaping (T) -> String) -> some View {
StyledPicker(title: title, selection: selection, values: values) {
Text(description($0))
} selectionLabel: {
Text(description($0))
.foregroundColor(themeSecondaryColor)
} listStyle: {
.insetGrouped
}
}
func themeLongContentLinkDefault(_ title: String, content: Binding<String>) -> some View {
LongContentLink(title, content: content) {
Text($0)
.foregroundColor(themeSecondaryColor)
}
}
2022-04-12 13:09:14 +00:00
func themeLongContentLink(_ title: String, content: Binding<String>, withPreview preview: String? = nil) -> some View {
LongContentLink(title, content: content, preview: preview) {
Text(preview != nil ? $0 : "")
.foregroundColor(themeSecondaryColor)
}
}
@ViewBuilder
func themeErrorMessage(_ message: String?) -> some View {
if let message = message {
if message.last != "." {
Text("\(message).")
.foregroundColor(themeErrorColor)
} else {
Text(message)
.foregroundColor(themeErrorColor)
}
} else {
EmptyView()
}
}
}
// MARK: Validation
extension View {
func themeURL(_ urlString: String?) -> some View {
themeValidating(urlString, validator: Validators.url)
.keyboardType(.asciiCapable)
.autocapitalization(.none)
.disableAutocorrection(true)
}
func themeIPAddress(_ ipAddress: String?) -> some View {
themeValidating(ipAddress, validator: Validators.ipAddress)
.keyboardType(.numbersAndPunctuation)
.autocapitalization(.none)
.disableAutocorrection(true)
}
func themeSocketPort() -> some View {
keyboardType(.numberPad)
}
func themeDomainName(_ domainName: String?) -> some View {
themeValidating(domainName, validator: Validators.domainName)
.keyboardType(.asciiCapable)
.autocapitalization(.none)
.disableAutocorrection(true)
}
func themeSSID(_ text: String?) -> some View {
themeValidating(text, validator: Validators.notEmpty)
.keyboardType(.asciiCapable)
.autocapitalization(.none)
.disableAutocorrection(true)
}
private func themeValidating(_ string: String?, validator: (String) throws -> Void) -> some View {
foregroundColor(themeColor(string, validator: validator))
}
}
// MARK: Hacks
extension View {
// @available(*, deprecated, message: "mitigates multiline text truncation (1.0 does not work though)")
func xxxThemeTruncation() -> some View {
minimumScaleFactor(0.5)
}
}