forked from Shinonome/dots-hyprland
ags: sync
This commit is contained in:
@@ -32,9 +32,7 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
}
|
||||
|
||||
.bar-group-pad {
|
||||
// padding: 0rem 1.023rem;
|
||||
padding: 0.205rem;
|
||||
// padding-left: 0.341rem;
|
||||
}
|
||||
|
||||
.bar-group-pad-less {
|
||||
@@ -333,6 +331,11 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
background-color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
.bar-corner-spacing {
|
||||
min-width: $rounding_large;
|
||||
min-height: $rounding_large;
|
||||
}
|
||||
|
||||
.corner {
|
||||
background-color: $t_background;
|
||||
@include large-rounding;
|
||||
|
||||
@@ -1,3 +1,8 @@
|
||||
.bg-wallpaper-transition {
|
||||
transition: 1000ms cubic-bezier(0.05, 0.7, 0.1, 1);
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
@mixin bg-textshadow {
|
||||
// text-shadow: mix($shadow, $secondaryContainer, 50%) 1px 0px 3px;
|
||||
}
|
||||
|
||||
@@ -1,25 +1,3 @@
|
||||
@keyframes flyin-top {
|
||||
from {
|
||||
margin-top: -2.795rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flyin-bottom {
|
||||
from {
|
||||
margin-top: 4.841rem;
|
||||
margin-bottom: -4.841rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0rem;
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.test {
|
||||
background-image: linear-gradient(
|
||||
45deg, #f4d609 0%, #f4d609 10%, #212121 10%, #212121 20%, #f4d609 20%, #f4d609 30%, #212121 30%,
|
||||
@@ -161,6 +139,13 @@
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@include full-rounding;
|
||||
background-color: $primary;
|
||||
color: $onPrimary;
|
||||
padding: 0.682rem 1.023rem;
|
||||
}
|
||||
|
||||
.titlefont {
|
||||
@include titlefont;
|
||||
}
|
||||
|
||||
@@ -100,6 +100,28 @@ $elevation_margin: 0.476rem;
|
||||
margin: $elevation_margin;
|
||||
}
|
||||
|
||||
@keyframes flyin-top {
|
||||
from {
|
||||
margin-top: -2.795rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flyin-bottom {
|
||||
from {
|
||||
margin-top: 4.841rem;
|
||||
margin-bottom: -4.841rem;
|
||||
}
|
||||
|
||||
to {
|
||||
margin-bottom: 0rem;
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin menu_decel {
|
||||
transition: 300ms cubic-bezier(0.1, 1, 0, 1);
|
||||
}
|
||||
|
||||
@@ -1,29 +1,29 @@
|
||||
$darkmode: true;
|
||||
$primary: #51d7ef;
|
||||
$onPrimary: #00363f;
|
||||
$primaryContainer: #004e5a;
|
||||
$onPrimaryContainer: #9cefff;
|
||||
$secondary: #b1cbd1;
|
||||
$onSecondary: #1c3439;
|
||||
$secondaryContainer: #334a4f;
|
||||
$onSecondaryContainer: #cde7ed;
|
||||
$tertiary: #bcc5ea;
|
||||
$onTertiary: #262f4d;
|
||||
$tertiaryContainer: #3d4665;
|
||||
$onTertiaryContainer: #dae1ff;
|
||||
$primary: #e4b5ff;
|
||||
$onPrimary: #471868;
|
||||
$primaryContainer: #5f3280;
|
||||
$onPrimaryContainer: #f4d9ff;
|
||||
$secondary: #d2c1d9;
|
||||
$onSecondary: #372c3e;
|
||||
$secondaryContainer: #4f4256;
|
||||
$onSecondaryContainer: #eedcf5;
|
||||
$tertiary: #f4b7ba;
|
||||
$onTertiary: #4b2528;
|
||||
$tertiaryContainer: #663b3e;
|
||||
$onTertiaryContainer: #ffdadc;
|
||||
$error: #ffb4a9;
|
||||
$onError: #680003;
|
||||
$errorContainer: #930006;
|
||||
$onErrorContainer: #ffb4a9;
|
||||
$colorbarbg: #0F1011;
|
||||
$background: #0F1011;
|
||||
$onBackground: #e1e3e4;
|
||||
$surface: #191c1d;
|
||||
$onSurface: #e1e3e4;
|
||||
$surfaceVariant: #3f484a;
|
||||
$onSurfaceVariant: #bfc8ca;
|
||||
$outline: #899294;
|
||||
$colorbarbg: #111012;
|
||||
$background: #111012;
|
||||
$onBackground: #e7e0e5;
|
||||
$surface: #1d1b1e;
|
||||
$onSurface: #e7e0e5;
|
||||
$surfaceVariant: #4b454d;
|
||||
$onSurfaceVariant: #cdc3ce;
|
||||
$outline: #968e98;
|
||||
$shadow: #000000;
|
||||
$inverseSurface: #e1e3e4;
|
||||
$inverseOnSurface: #2d3132;
|
||||
$inversePrimary: #006877;
|
||||
$inverseSurface: #e7e0e5;
|
||||
$inverseOnSurface: #322f33;
|
||||
$inversePrimary: #784a9a;
|
||||
|
||||
@@ -116,7 +116,7 @@
|
||||
.overview-tasks-window {
|
||||
@include normal-rounding;
|
||||
@include menu_decel;
|
||||
background-color: $l_t_secondaryContainer;
|
||||
background-color: $t_surfaceVariant;
|
||||
color: $onSecondaryContainer;
|
||||
border: 0.068rem solid $t_t_t_onSecondaryContainer;
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
.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 {
|
||||
.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%);
|
||||
}
|
||||
@@ -346,7 +346,7 @@ $onChatgpt: $onPrimary;
|
||||
background-color: $activecolor;
|
||||
}
|
||||
|
||||
.sidebar-selector-tab-active > box > label {
|
||||
.sidebar-selector-tab-active>box>label {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
@@ -416,8 +416,8 @@ $onChatgpt: $onPrimary;
|
||||
}
|
||||
|
||||
.sidebar-todo-add {
|
||||
@include full-rounding;
|
||||
@include menu_decel;
|
||||
@include small-rounding;
|
||||
min-width: 1.705rem;
|
||||
min-height: 1.705rem;
|
||||
color: $onSecondaryContainer;
|
||||
@@ -435,7 +435,7 @@ $onChatgpt: $onPrimary;
|
||||
|
||||
.sidebar-todo-add-available {
|
||||
@include menu_decel;
|
||||
@include full-rounding;
|
||||
@include small-rounding;
|
||||
min-width: 1.705rem;
|
||||
min-height: 1.705rem;
|
||||
background-color: $primary;
|
||||
@@ -531,19 +531,15 @@ $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 {
|
||||
@@ -670,9 +666,10 @@ $onChatgpt: $onPrimary;
|
||||
@include menu_decel;
|
||||
min-height: 4.773rem;
|
||||
min-width: 4.773rem;
|
||||
font-size: 4rem;
|
||||
background-color: white;
|
||||
color: black;
|
||||
@include icon-material;
|
||||
font-size: 2.727rem;
|
||||
background-color: $onBackground;
|
||||
color: $background;
|
||||
}
|
||||
|
||||
.sidebar-chat-chip {
|
||||
@@ -706,10 +703,12 @@ $onChatgpt: $onPrimary;
|
||||
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;
|
||||
}
|
||||
@@ -733,6 +732,7 @@ $onChatgpt: $onPrimary;
|
||||
|
||||
.sidebar-pin-enabled {
|
||||
background-color: $primary;
|
||||
|
||||
label {
|
||||
color: $onPrimary;
|
||||
}
|
||||
@@ -753,13 +753,16 @@ $onChatgpt: $onPrimary;
|
||||
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;
|
||||
@@ -767,26 +770,29 @@ $onChatgpt: $onPrimary;
|
||||
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
|
||||
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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user