100 lines
3.2 KiB
SCSS
100 lines
3.2 KiB
SCSS
$rootTransparency: 0.22; // Transparency = 1 - opacity
|
|
$transparency: 0.75;
|
|
|
|
// Transparent versions
|
|
@if $transparent == True {
|
|
$background: transparentize($background, $rootTransparency);
|
|
$surface: transparentize($surface, $transparency);
|
|
$surfaceDim: transparentize($surfaceDim, $transparency);
|
|
$surfaceBright: transparentize($surfaceBright, $transparency);
|
|
$surfaceContainerLowest: transparentize($surfaceContainerLowest, $transparency);
|
|
$surfaceContainerLow: transparentize($surfaceContainerLow, $transparency);
|
|
$surfaceContainer: transparentize($surfaceContainer, $transparency);
|
|
$surfaceContainerHigh: transparentize($surfaceContainerHigh, $transparency);
|
|
$surfaceContainerHighest: transparentize($surfaceContainerHighest, $transparency);
|
|
$surfaceVariant: transparentize($surfaceVariant, $transparency);
|
|
$inverseSurface: transparentize($inverseSurface, $transparency);
|
|
$surfaceTint: transparentize($surfaceTint, $transparency);
|
|
}
|
|
|
|
// Others
|
|
$subtext: $outline;
|
|
$actiontext: mix($onBackground, $background, 85%);
|
|
$black: black;
|
|
$white: white;
|
|
|
|
/// Color mappings for more chaotic, dynamic colors like the average rice ///
|
|
// General
|
|
$layer0: $background;
|
|
$onLayer0: $onBackground;
|
|
$layer0Hover: mix($layer0, $onLayer0, 85%);
|
|
$layer0Active: $surfaceContainerHigh;
|
|
$onLayer0Active: $onSurface;
|
|
$onLayer0Inactive: mix($onLayer0, $layer0, 70%);
|
|
$layer1: $surfaceContainerLow;
|
|
$onLayer1: $onSurface;
|
|
$onLayer1Inactive: mix($onLayer1, $layer1, 45%);
|
|
$onLayer1: $onSurfaceVariant;
|
|
$layer2: mix($surfaceContainer, $surfaceContainerHigh, 55%);
|
|
$onLayer2: $onSurface;
|
|
$layer3: $surfaceContainerHigh;
|
|
$onLayer3: $onSurface;
|
|
$layer1Hover: mix($layer1, $onLayer1, 85%);
|
|
$layer1Active: mix($layer1, $onLayer1, 70%);
|
|
$layer2Hover: mix($layer2, $onLayer2, 90%);
|
|
$layer2Active: mix($layer2, $onLayer2, 80%);
|
|
$layer3Hover: mix($layer3, $onLayer3, 90%);
|
|
$layer3Active: mix($layer3, $onLayer3, 80%);
|
|
// Elements
|
|
$windowtitleOnLayer0Inactive: $onLayer0Inactive;
|
|
$windowtitleOnLayer0: $onLayer0;
|
|
$barspacerightOnLayer0: $onLayer0;
|
|
$timeOnLayer1: $onLayer1;
|
|
$dateOnLayer1: $onLayer1;
|
|
$ramOnLayer1: $onLayer1;
|
|
$ramLayer2: $secondaryContainer;
|
|
$ramOnLayer2: $onSecondaryContainer;
|
|
$swapOnLayer1: $onLayer1;
|
|
$swapLayer2: $secondaryContainer;
|
|
$swapOnLayer2: $onSecondaryContainer;
|
|
$cpuOnLayer1: $onLayer1;
|
|
$cpuLayer2: $secondaryContainer;
|
|
$cpuOnLayer2: $onSecondaryContainer;
|
|
$musicOnLayer1: $onLayer1;
|
|
$musicLayer2: $secondaryContainer;
|
|
$musicOnLayer2: $onSecondaryContainer;
|
|
$utilsLayer2: $layer2;
|
|
$utilsOnLayer2: $onLayer2;
|
|
$battOnLayer1: $onLayer1;
|
|
$battLayer2: $secondaryContainer;
|
|
$battOnLayer2: $onSecondaryContainer;
|
|
$workspaceOnLayer1Inactive: $onLayer1Inactive;
|
|
$workspaceLayer3: $primary;
|
|
$workspaceOnLayer3: $onPrimary;
|
|
$workspaceOnLayer2: $onSecondaryContainer;
|
|
$trayOnLayer0: $onLayer0;
|
|
$cheatsheetTitle: $onSecondaryContainer;
|
|
$cheatsheetColors: (
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer,
|
|
$onSecondaryContainer
|
|
);
|
|
|
|
$sessionColors: (
|
|
$onLayer1,
|
|
$onLayer1,
|
|
$onLayer1,
|
|
$onLayer1,
|
|
$onLayer1,
|
|
$onLayer1,
|
|
$onLayer1
|
|
);
|
|
$brightnessOnLayer0: $onLayer0;
|
|
$volumeOnLayer0: $onLayer0;
|
|
|