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

ags: sync

Browse Source
This commit is contained in:
end-4
2024-01-11 16:49:37 +07:00
parent cdd8f7e252
commit 22b5993f79
96 changed files with 3346 additions and 2598 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/ags/scss/_sidebars.scss
+106 -57
View File
@@ -85,11 +85,11 @@ $onChatgpt: $onPrimary;
.sidebar-iconbutton:hover,
.sidebar-iconbutton:focus {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
background-color: $hovercolor;
}
.sidebar-iconbutton:active {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
background-color: $activecolor;
}
.sidebar-button {
@@ -107,20 +107,20 @@ $onChatgpt: $onPrimary;
.sidebar-button:hover,
.sidebar-button:focus {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
background-color: $hovercolor;
}
.sidebar-button:active {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
background-color: $activecolor;
}
.sidebar-button-nopad:hover,
.sidebar-button-nopad:focus {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
background-color: $hovercolor;
}
.sidebar-button-nopad:active {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 60%);
background-color: $activecolor;
}
.sidebar-button-left {
@@ -148,11 +148,11 @@ $onChatgpt: $onPrimary;
.sidebar-button-active:hover,
.sidebar-button-active:focus {
background-color: mix($primary, $hovercolor, 90%);
background-color: mix($primary, $hovercolor, 70%);
}
.sidebar-button-active:active {
background-color: mix($primary, $hovercolor, 70%);
background-color: mix($primary, $hovercolor, 40%);
}
.sidebar-buttons-separator {
@@ -166,27 +166,27 @@ $onChatgpt: $onPrimary;
padding: 0rem $rounding_medium;
}
.sidebar-navrail-btn>box>label {
.sidebar-navrail-btn > box > label {
@include full-rounding;
@include menu_decel;
}
.sidebar-navrail-btn:hover>box>label:first-child,
.sidebar-navrail-btn:focus>box>label:first-child {
background-color: mix($t_surfaceVariant, $onSurfaceVariant, 90%);
.sidebar-navrail-btn:hover > box > label:first-child,
.sidebar-navrail-btn:focus > box > label:first-child {
background-color: $hovercolor;
}
.sidebar-navrail-btn:active>box>label:first-child {
background-color: mix($surfaceVariant, $onSurfaceVariant, 75%);
.sidebar-navrail-btn:active > box > label:first-child {
background-color: $activecolor;
}
.sidebar-navrail-btn-active>box>label:first-child {
.sidebar-navrail-btn-active > box > label:first-child {
background-color: $secondaryContainer;
color: $onSecondaryContainer;
}
.sidebar-navrail-btn-active:hover>box>label:first-child,
.sidebar-navrail-btn-active:focus>box>label:first-child {
.sidebar-navrail-btn-active:hover > box > label:first-child,
.sidebar-navrail-btn-active:focus > box > label:first-child {
background-color: mix($secondaryContainer, $hovercolor, 90%);
color: mix($onSecondaryContainer, $hovercolor, 90%);
}
@@ -279,11 +279,11 @@ $onChatgpt: $onPrimary;
.sidebar-calendar-btn-today:hover,
.sidebar-calendar-btn-today:focus {
background-color: mix($primary, $hovercolor, 90%);
background-color: mix($primary, $hovercolor, 70%);
}
.sidebar-calendar-btn-today:active {
background-color: mix($primary, $hovercolor, 70%);
background-color: mix($primary, $hovercolor, 40%);
}
.sidebar-calendar-btn-othermonth {
@@ -303,12 +303,12 @@ $onChatgpt: $onPrimary;
.sidebar-calendar-monthyear-btn:hover,
.sidebar-calendar-monthyear-btn:focus {
background-color: mix($t_surfaceVariant, $onSurfaceVariant, 95%);
background-color: $hovercolor;
color: mix($onSurfaceVariant, $surfaceVariant, 95%);
}
.sidebar-calendar-monthyear-btn:active {
background-color: mix($surfaceVariant, $onSurfaceVariant, 85%);
background-color: $activecolor;
color: mix($onSurfaceVariant, $surfaceVariant, 85%);
}
@@ -321,12 +321,12 @@ $onChatgpt: $onPrimary;
}
.sidebar-calendar-monthshift-btn:hover {
background-color: mix($t_surfaceVariant, $onSurfaceVariant, 95%);
background-color: $hovercolor;
color: mix($onSurfaceVariant, $surfaceVariant, 95%);
}
.sidebar-calendar-monthshift-btn:active {
background-color: mix($surfaceVariant, $onSurfaceVariant, 85%);
background-color: $activecolor;
color: mix($onSurfaceVariant, $surfaceVariant, 85%);
}
@@ -339,14 +339,14 @@ $onChatgpt: $onPrimary;
.sidebar-selector-tab:hover,
.sidebar-selector-tab:focus {
background-color: mix($t_surfaceVariant, $onSurfaceVariant, 90%);
background-color: $hovercolor;
}
.sidebar-selector-tab:active {
background-color: mix($surfaceVariant, $onSurfaceVariant, 75%);
background-color: $activecolor;
}
.sidebar-selector-tab-active>box>label {
.sidebar-selector-tab-active > box > label {
color: $primary;
}
@@ -378,11 +378,11 @@ $onChatgpt: $onPrimary;
.sidebar-todo-item-action:hover,
.sidebar-todo-item-action:focus {
background-color: mix($t_surface, $t_onSurface, 80%);
background-color: $hovercolor;
}
.sidebar-todo-item-action:active {
background-color: mix($t_surface, $t_onSurface, 65%);
background-color: $activecolor;
}
.sidebar-todo-crosser {
@@ -398,23 +398,6 @@ $onChatgpt: $onPrimary;
background-color: $error;
}
.sidebar-clipboard-item {
border-radius: $rounding_small;
min-height: 2.045rem;
padding: 0.341rem;
background-color: $t_secondaryContainer;
color: $onSecondaryContainer;
}
.sidebar-clipboard-item:hover,
.sidebar-clipboard-item:focus {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 90%);
}
.sidebar-clipboard-item:active {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 80%);
}
.sidebar-todo-new {
@include full-rounding;
color: $onSecondaryContainer;
@@ -423,7 +406,7 @@ $onChatgpt: $onPrimary;
border: 0.068rem solid $onSurface;
}
.sidebar-todo-new:hover,
.sidebar-todo-newz,
.sidebar-todo-new:focus {
background-color: mix($t_secondaryContainer, $t_onSecondaryContainer, 97%);
}
@@ -509,7 +492,7 @@ $onChatgpt: $onPrimary;
.sidebar-chat-apiswitcher-icon {
@include menu_decel;
@include full-rounding;
min-width: 2.182rem;
min-width: 2.182rem;
min-height: 2.182rem;
color: $onSurface;
}
@@ -548,11 +531,19 @@ $onChatgpt: $onPrimary;
.sidebar-chat-send:hover,
.sidebar-chat-send:focus {
background-color: mix($sidebar_chat_textboxareaColor, $t_onSecondaryContainer, 97%);
background-color: mix(
$sidebar_chat_textboxareaColor,
$t_onSecondaryContainer,
97%
);
}
.sidebar-chat-send:active {
background-color: mix($sidebar_chat_textboxareaColor, $t_onSecondaryContainer, 80%);
background-color: mix(
$sidebar_chat_textboxareaColor,
$t_onSecondaryContainer,
80%
);
}
.sidebar-chat-send-available {
@@ -574,8 +565,10 @@ $onChatgpt: $onPrimary;
}
.sidebar-chat-indicator {
@include menu_decel;
@include full-rounding;
min-width: 0.136rem;
background-color: $onBackground;
}
.sidebar-chat-indicator-user {
@@ -594,7 +587,6 @@ $onChatgpt: $onPrimary;
@include titlefont;
padding: 0.341rem;
margin-left: -0.136rem;
padding: 0.341rem;
padding-left: 0.818rem;
}
@@ -621,7 +613,7 @@ $onChatgpt: $onPrimary;
@include mainfont;
margin: 0.273rem;
margin-bottom: 0rem;
background-color: $secondaryContainer;
background-color: mix($t_secondaryContainer, $t_onSurfaceVariant, 30%);
color: $onSecondaryContainer;
border-radius: $rounding_medium - 0.273rem;
border: 0.068rem solid mix($secondaryContainer, $onSecondaryContainer, 90%);
@@ -637,7 +629,7 @@ $onChatgpt: $onPrimary;
.sidebar-chat-codeblock-topbar-btn {
@include full-rounding;
padding: 0.273rem;
padding: 0.273rem 0.477rem;
}
.sidebar-chat-codeblock-topbar-btn:hover,
@@ -695,12 +687,11 @@ $onChatgpt: $onPrimary;
.sidebar-chat-chip-action:hover,
.sidebar-chat-chip-action:focus {
background-color: $sidebar_chat_textboxareaColor;
background-color: $hovercolor;
}
.sidebar-chat-chip-action:active {
background-color: mix($sidebar_chat_textboxareaColor, $onSurfaceVariant, 70%);
color: mix($sidebar_chat_textboxareaColor, $surfaceVariant, 70%);
background-color: $activecolor;
}
.sidebar-chat-chip-action-active {
@@ -708,6 +699,21 @@ $onChatgpt: $onPrimary;
border: 0.068rem solid $sidebar_chat_textboxareaColor;
}
.sidebar-chat-chip-toggle {
@include menu_decel;
@include small-rounding;
padding: 0.341rem 0.477rem;
background-color: $t_surfaceVariant;
color: $onSurfaceVariant;
}
.sidebar-chat-chip-toggle:focus,
.sidebar-chat-chip-toggle:hover {
background-color: $hovercolor;
}
.sidebar-chat-chip-toggle:active {
background-color: $activecolor;
}
.sidebar-pin {
@include small-rounding;
@include menu_decel;
@@ -718,11 +724,11 @@ $onChatgpt: $onPrimary;
.sidebar-pin:hover,
.sidebar-pin:focus {
background-color: mix($t_surfaceVariant, $onSurfaceVariant, 90%);
background-color: $hovercolor;
}
.sidebar-pin:active {
background-color: mix($surfaceVariant, $onSurfaceVariant, 75%);
background-color: $activecolor;
}
.sidebar-pin-enabled {
@@ -741,3 +747,46 @@ $onChatgpt: $onPrimary;
background-color: mix($primary, $onPrimary, 80%);
}
.sidebar-waifu-heading {
@include titlefont;
padding: 0.341rem;
margin-left: -0.136rem;
padding-left: 0.818rem;
}
.sidebar-waifu-content {
margin-left: 0.682rem;
}
.sidebar-waifu-txt {
@include readingfont;
margin-left: 0.682rem;
}
.sidebar-waifu-image {
margin-left: 0.682rem;
@include normal-rounding;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sidebar-waifu-image-actions {
padding: 0.313rem;
}
$waifu_image_overlay_transparency: 0.7;
.sidebar-waifu-image-action {
@include full-rounding;
min-width: 1.875rem;
min-height: 1.875rem;
background-color: rgba(
0,
0,
0,
$waifu_image_overlay_transparency
); // Fixed cuz on image
color: rgba(255, 255, 255, $waifu_image_overlay_transparency);
}
.sidebar-waifu-image-action:hover,
.sidebar-waifu-image-action:focus {
background-color: rgba(30, 30, 30, $waifu_image_overlay_transparency);
}
.sidebar-waifu-image-action:active {
background-color: rgba(60, 60, 60, $waifu_image_overlay_transparency);
}