kenji/illogical-impulse
1
0
Fork 0
forked from Shinonome/dots-hyprland
Code Pull Requests Activity

update cheatsheet colors (#327)

Browse Source
This commit is contained in:
end-4
2024-03-16 22:41:03 +07:00
parent 3a9b164cd4
commit 943ce705fa
6 changed files with 70 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/ags/scss/_bar.scss
+1 -1
View File
@@ -23,7 +23,7 @@ $bar_ws_width_focus_active: 2.045rem;
}
.bar-bg-focus-batterylow {
background-color: mix($background, $errorContainer, 80%);
background-color: mix($layer0, $errorContainer, 80%);
}
.bar-sidespace {
.config/ags/scss/_cheatsheet.scss
+20 -9
View File
@@ -3,29 +3,40 @@
@include elevation-border;
@include elevation2;
margin-bottom: 0.682rem;
background-color: $t_background;
background-color: $layer0;
padding: 1.364rem;
}
.cheatsheet-title {
color: $cheatsheetTitle;
}
.cheatsheet-key {
@include techfont;
min-height: 1.364rem;
min-width: 1.364rem;
margin: 0.17rem;
padding: 0.136rem 0.205rem;
border-radius: 0.409rem;
-gtk-outline-radius: 0.409rem;
color: $primary;
border: 0.068rem solid $primary;
box-shadow: 0rem 0.136rem 0rem $primary;
font-weight: 500;
color: $cheatsheetTitle;
border-radius: 0.409rem;
border: 0.068rem solid $cheatsheetTitle;
box-shadow: 0rem 0.136rem 0rem $cheatsheetTitle;
}
.cheatsheet-key-notkey {
min-height: 1.364rem;
padding: 0.136rem 0.205rem;
margin: 0.17rem;
color: $onPrimaryContainer;
color: $onLayer0;
}
@for $i from 1 through 8 {
.cheatsheet-color-#{$i} {
color: nth($cheatsheetColors, $i);
border-color: nth($cheatsheetColors, $i);
box-shadow: 0rem 0.136rem 0rem nth($cheatsheetColors, $i);
}
}
// .cheatsheet-action {}
@@ -39,11 +50,11 @@
.cheatsheet-closebtn:hover,
.cheatsheet-closebtn:focus {
background-color: $hovercolor;
background-color: $layer0Hover;
}
.cheatsheet-closebtn:active {
background-color: $activecolor;
background-color: $layer0Active;
}
.cheatsheet-category-title {
.config/ags/scss/_colors.scss
+32 -6
View File
@@ -135,10 +135,12 @@ $term7: $onSurfaceVariant;
// General
$layer0: $t_background;
$onLayer0: $onBackground;
$onLayer0Inactive: mix($onBackground, $background, 70%);
$layer0Active: mix($t_background, $t_onBackground, 80%);
$layer0Hover: mix($layer0, $onLayer0, 85%);
$layer0Active: mix($layer0, $onLayer0, 70%);
$onLayer0Inactive: mix($onLayer0, $layer0, 70%);
$layer1: $surface;
$onLayer1Inactive: mix($onBackground, $background, 45%);
$onLayer1: $onSurface;
$onLayer1Inactive: mix($onLayer1, $layer1, 45%);
$onLayer1: $onSurfaceVariant;
$layer2: $surfaceVariant;
$onLayer2: $onSurfaceVariant;
@@ -172,19 +174,32 @@ $workspaceLayer3: $secondaryContainer;
$workspaceOnLayer3: $onSecondaryContainer;
$workspaceOnLayer2: $onSurfaceVariant;
$trayOnLayer0: $onLayer0;
$cheatsheetTitle: $onSecondaryContainer;
$cheatsheetColors: (
$onSecondaryContainer,
$onSecondaryContainer,
$onSecondaryContainer,
$onSecondaryContainer,
$onSecondaryContainer,
$onSecondaryContainer,
$onSecondaryContainer,
$onSecondaryContainer
);
///////////////////// test theme: amarena (kind of) /////////////////////////
// $layer0: #0e1116;
// $onLayer0: #FFFFFF;
// $layer0Active: mix($t_background, $t_onBackground, 80%);
// $layer0Hover: mix($layer0, $onLayer0, 85%);
// $layer0Active: mix($layer0, $onLayer0, 70%);
// $layer1: #171c22;
// $onLayer1Inactive: mix($onBackground, $background, 45%);
// $onLayer1Inactive: mix($onLayer1, $layer1, 45%);
// $onLayer1: $onSurfaceVariant;
// $layer2: #252c35;
// $onLayer2: $onSurfaceVariant;
// $layer2Hover: mix($layer2, $onSurfaceVariant, 90%);
// $layer2Active: mix($layer2, $onSurfaceVariant, 80%);
// $layer3: #1C232A;
// // Bar
// $windowtitleOnLayer0Inactive: #70afa4;
// $windowtitleOnLayer0: #7FE3D1;
// $barspacerightOnLayer0: #7FE3D1;
@@ -212,4 +227,15 @@ $trayOnLayer0: $onLayer0;
// $workspaceOnLayer3: #7FE3D1;
// $workspaceOnLayer2: #7FE3D1;
// $trayOnLayer0: #6DC0D5;
// // Cheatsheet
// $cheatsheetTitle: #6DC0D4;
// $cheatsheetColors: (
// #F692B2,
// #6EC1D6,
// #CD84C8,
// #7FE4D2,
// #94CF95,
// #CD84C8,
// #FB6396,
// #6EC1D6
// );