Struct Theme 

pub struct Theme {
    pub dark_mode: DarkMode,
    pub screens: Screens,
    pub containers: Containers,
    pub colors: Colors,
    pub aria: Aria,
}

Configuration for the Config::theme field.

It defines some design system specific values like custom colors or screen breakpoints.

Example

use encre_css::{Config, config::DarkMode};

let mut config = Config::default();
config.theme.dark_mode = DarkMode::new_class("body.dark");
config.theme.colors.add("primary", "#d3198c");
config.theme.screens.add("tablet", "640px");
config.theme.containers.add("medium", "640px");
config.theme.aria.add("current", r#"current="page""#);

let generated = encre_css::generate(
    [r#"<div class="bg-primary tablet:block aria-current:text-primary"><button class="bg-white @medium:flex">Click me</button>"#],
    &config,
);

assert!(generated.ends_with(r#"
.bg-primary {
  background-color: #d3198c;
}

.bg-white {
  background-color: #fff;
}

@media (width >= 640px) {
  .tablet\:block {
    display: block;
  }
}

@container (width >= 640px) {
  .\@medium\:flex {
    display: flex;
  }
}

.aria-current\:text-primary[aria-current="page"] {
  color: #d3198c;
}"#));

Corresponding TOML configuration

[theme]
dark_mode = { class = "body.dark" }

[theme.colors]
primary = "#d3198c"

[theme.screens]
tablet = "640px"

[theme.containers]
medium = "640px"

[theme.aria]
current = 'current="page"'

Fields

dark_mode: DarkMode

Dark mode configuration.

The default value is DarkMode::Media.

screens: Screens

Custom screen breakpoints configuration.

The default value is an empty map.

containers: Containers

Custom container size breakpoints configuration.

The default value is an empty map.

colors: Colors

Custom colors configuration.

The default value is an empty map.

aria: Aria

Custom ARIA states.

The default value is an empty map.

Trait Implementations

impl Clone for Theme

fn clone(&self) -> Theme

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Debug for Theme

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl Default for Theme

fn default() -> Theme

Returns the “default value” for a type.

impl<'de> Deserialize<'de> for Theme

fn deserialize<__D>(__deserializer: __D) -> Result<Self, __D::Error>

where __D: Deserializer<'de>,

Deserialize this value from the given Serde deserializer.

impl PartialEq for Theme

fn eq(&self, other: &Theme) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl Serialize for Theme

fn serialize<__S>(&self, __serializer: __S) -> Result<__S::Ok, __S::Error>

where __S: Serializer,

Serialize this value into the given Serde serializer.

impl Eq for Theme

impl StructuralPartialEq for Theme