> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Opciones de estilo y personalización para la apariencia de Lock.Swift

# Lock.swift: Opciones de personalización del estilo

A continuación, se enumeran numerosas opciones para configurar el estilo y la apariencia de Lock. Además, en la página [Opciones de configuración del comportamiento](/es/docs/libraries/lock-swift/lock-swift-configuration-options) también hay varias opciones disponibles para modificar el comportamiento y la funcionalidad de Lock.

<div id="customizing-locks-appearance">
  ## Personalizar la apariencia de Lock
</div>

Puedes agregar opciones de personalización de estilo a la inicialización de Lock mediante `withStyle`.

```swift lines theme={null}
Lock
  .classic()
  .withStyle {
	  $0.title = "Company LLC"
	  $0.logo = LazyImage(name: "company_logo")
	  $0.primaryColor = UIColor(red: 0.6784, green: 0.5412, blue: 0.7333, alpha: 1.0)
	}
  .present(from: self)
```

<div id="header-style-options">
  ## Opciones de estilo del encabezado
</div>

<div id="headerblur">
  ### headerBlur
</div>

Estilo del efecto de desenfoque utilizado. Puede ser cualquier valor definido en `UIBlurEffectStyle`.

```swift lines theme={null}
.withStyle {
  $0.headerBlur = .extraLight
}
```

<div id="headercolor">
  ### headerColor
</div>

Color utilizado como color de fondo del encabezado. De forma predeterminada, no tiene color, solo desenfoque.

```swift lines theme={null}
.withStyle {
  $0.headerColor = UIColor? = nil
}
```

<div id="logo">
  ### logo
</div>

Imagen del logotipo del encabezado. La resolución mínima recomendada es de 200 píxeles de ancho por 200 píxeles de alto.

```swift lines theme={null}
.withStyle {
  $0.logo = LazyImage(name: "company_logo")
}
```

<div id="headercloseicon">
  ### headerCloseIcon
</div>

Se puede modificar el icono de "cerrar" del encabezado.

```swift lines theme={null}
.withStyle {
  $0.headerCloseIcon = LazyImage(name: "ic_close")
}
```

<div id="headerbackicon">
  ### headerBackIcon
</div>

Se puede modificar el icono de "volver" del encabezado.

```swift lines theme={null}
.withStyle {
  $0.headerBackIcon = LazyImage(name: "ic_close")
}
```

<div id="title-style-options">
  ## Opciones de estilo del título
</div>

<div id="hidetitle">
  ### hideTitle
</div>

Oculta el título del encabezado y muestra solo el logotipo. De forma predeterminada, esta opción es false.

```swift lines theme={null}
.withStyle {
  $0.hideTitle = false
}
```

<div id="title">
  ### title
</div>

Texto del título usado en el encabezado

```swift lines theme={null}
.withStyle {
  $0.title = "Company LLC"
}
```

<div id="titlecolor">
  ### titleColor
</div>

Color que se usa para el título del encabezado.

```swift lines theme={null}
.withStyle {
  $0.titleColor = UIColor.black
}
```

<div id="button-and-component-style-options">
  ## Opciones de estilo para botones y componentes
</div>

<div id="buttontintcolor">
  ### buttonTintColor
</div>

Color utilizado como color principal de tinte del botón.

```swift lines theme={null}
.withStyle {
  $0.buttonTintColor = UIColor.white
}
```

<div id="disabledcolor">
  ### disabledColor
</div>

Color que se usa para los componentes deshabilitados de Lock.

```swift lines theme={null}
.withStyle {
  $0.disabledColor = UIColor(red: 0.8902, green: 0.898, blue: 0.9059, alpha: 1.0)
}
```

<div id="disabledtextcolor">
  ### disabledTextColor
</div>

Color usado para el texto del componente deshabilitado de Lock.

```swift lines theme={null}
.withStyle {
  $0.disabledTextColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}
```

<div id="hidebuttontitle">
  ### hideButtonTitle
</div>

Oculta el título del botón principal y muestra solo el icono. De forma predeterminada, esta opción es `false`.

```swift lines theme={null}
.withStyle {
  $0.hideButtonTitle = false
}
```

<div id="primarycolor">
  ### primaryColor
</div>

Color usado como color principal de Lock.

```swift lines theme={null}
.withStyle {
  $0.primaryColor = UIColor.orange
}
```

<div id="input-field-styles">
  ## Estilos del campo de entrada
</div>

<div id="inputtextcolor">
  ### inputTextColor
</div>

El color del texto en el campo de entrada.

```swift lines theme={null}
.withStyle {
  $0.inputTextColor = UIColor.black
}
```

<div id="inputplaceholdertextcolor">
  ### inputPlaceholderTextColor
</div>

El color del texto de marcador de posición en los campos de entrada.

```swift lines theme={null}
.withStyle {
  $0.inputPlaceholderTextColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}
```

<div id="inputbordercolor">
  ### inputBorderColor
</div>

El color del borde de los campos de entrada.

```swift lines theme={null}
.withStyle {
  $0.inputBorderColor = UIColor(red: 0.780, green: 0.780, blue: 0.804, alpha: 1.00)
}
```

<div id="inputbordercolorerror">
  ### inputBorderColorError
</div>

El color del borde de los campos de entrada con valores no válidos.

```swift lines theme={null}
.withStyle {
  $0.inputBorderColorError = UIColor.red
}
```

<div id="inputbackgroundcolor">
  ### inputBackgroundColor
</div>

El color de fondo de los campos de entrada.

```swift lines theme={null}
.withStyle {
  $0.inputBackgroundColor = UIColor.white
}
```

<div id="inputiconbackgroundcolor">
  ### inputIconBackgroundColor
</div>

El color de fondo de los iconos de los campos de entrada.

```swift lines theme={null}
.withStyle {
  $0.inputIconBackgroundColor = UIColor(red: 0.9333, green: 0.9333, blue: 0.9333, alpha: 1.0)
}
```

<div id="inputiconcolor">
  ### inputIconColor
</div>

El color de los íconos del campo de entrada.

```swift lines theme={null}
.withStyle {
  $0.inputIconColor = UIColor(red: 0.5725, green: 0.5804, blue: 0.5843, alpha: 1.0)
}
```

<div id="status-bar-styles">
  ## Estilos de la barra de estado
</div>

<div id="uistatusbaranimation">
  ### UIStatusBarAnimation
</div>

La animación de actualización de la barra de estado del controlador de Lock.

```swift lines theme={null}
.withStyle {
  $0.UIStatusBarAnimation = .none
}
```

<div id="statusbarhidden">
  ### statusBarHidden
</div>

La visibilidad de la barra de estado del controlador de Lock.

```swift lines theme={null}
.withStyle {
  $0.statusBarHidden = false
}
```

<div id="uistatusbarstyle">
  ### UIStatusBarStyle
</div>

Estilo de la barra de estado del controlador de Lock.

```swift lines theme={null}
.withStyle {
  $0.UIStatusBarStyle = .default
}
```

<div id="uisearchbarstyle">
  ### UISearchBarStyle
</div>

El estilo de la barra de búsqueda de Lock <Tooltip tip="sin contraseña: forma de autenticación que no depende de una contraseña como primer factor." cta="Ver glosario" href="/es/docs/glossary?term=Passwordless">sin contraseña</Tooltip>.

```swift lines theme={null}
.withStyle {
  $0.UISearchBarStyle = .default
}
```

<div id="other-style-options">
  ## Otras opciones de estilo
</div>

<div id="textcolor">
  ### textColor
</div>

El color del texto del cuerpo.

```swift lines theme={null}
.withStyle {
  $0.textColor = UIColor.black
}
```

<div id="backgroundcolor">
  ### backgroundColor
</div>

Color utilizado como fondo de Lock.

```swift lines theme={null}
.withStyle {
  $0.backgroundColor = UIColor.white
}
```

<div id="backgroundimage">
  ### backgroundImage
</div>

Imagen utilizada como fondo de Lock

```swift lines theme={null}
.withStyle {
  $0.backgroundImage = LazyImage(name: "company_logo")
}
```

<div id="oauth2">
  ### oauth2
</div>

Se pueden personalizar los estilos de cualquier conexión OAuth2 que no sea de tipo db asignando un nombre de conexión a un `AuthStyle`

```swift lines theme={null}
.withStyle {
  $0.oauth2["slack"] = AuthStyle(
    name: "Slack",
    color: UIColor(red: 0.4118, green: 0.8078, blue: 0.6588, alpha: 1.0),
    withImage: LazyImage(name: "ic_slack")
  )
}
```

<div id="seperatortextcolor">
  ### seperatorTextColor
</div>

Color de la etiqueta del separador para inicio de sesión social.

```swift lines theme={null}
.withStyle {
  $0.seperatorTextColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.54)
}
```

<div id="secondarybuttoncolor">
  ### secondaryButtonColor
</div>

El color de los botones secundarios.

```swift lines theme={null}
.withStyle {
  $0.secondaryButtonColor = UIColor.black
}
```

<div id="tabtextcolor">
  ### tabTextColor
</div>

El color del texto de la pestaña de inicio de sesión con base de datos.

```swift lines theme={null}
.withStyle {
  $0.tabTextColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}
```

<div id="tabtintcolor">
  ### tabTintColor
</div>

El color del matiz de la pestaña de inicio de sesión con base de datos.

```swift lines theme={null}
.withStyle {
  $0.tabTintColor = UIColor(red: 0.3608, green: 0.4, blue: 0.4353, alpha: 0.6)
}
```