mirror of
https://github.com/xsghetti/HyprCrux.git
synced 2025-07-03 13:50:38 -04:00
updates
This commit is contained in:
parent
1f8cb3c145
commit
610604e80f
253 changed files with 27055 additions and 44 deletions
337
.config/ags/old/scss/_bar.scss
Normal file
337
.config/ags/old/scss/_bar.scss
Normal file
|
|
@ -0,0 +1,337 @@
|
|||
$radius: 11px;
|
||||
$bar-battery-blocks: 10;
|
||||
$button-radius: 10px;
|
||||
$bg: #171717;
|
||||
$primary-bg: $blue;
|
||||
$primary-fg: $mantle;
|
||||
$charging-bg: $green;
|
||||
$error-bg: $red;
|
||||
|
||||
.bar {
|
||||
background-color: $crust;
|
||||
|
||||
.panel-button {
|
||||
all: unset;
|
||||
color: $text;
|
||||
|
||||
>* {
|
||||
border-radius: 10px;
|
||||
transition: 200ms;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:focus>*,
|
||||
&.focused>* {
|
||||
box-shadow: inset 0 0 0 1px $blue;
|
||||
background-color: transparentize($subtext1, 94px *.9 / 100);
|
||||
color: lighten($subtext1, 8%);
|
||||
}
|
||||
|
||||
&:hover>* {
|
||||
box-shadow: inset 0 0 0 1px #080808;
|
||||
background-color: transparentize($subtext1, 94px *.9 / 100);
|
||||
color: lighten($subtext1, 8%);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active,
|
||||
&.on,
|
||||
&:checked {
|
||||
>* {
|
||||
box-shadow: inset 0 0 0 1px #080808;
|
||||
background-image: linear-gradient(to right, $mantle , darken($mantle, 4%));
|
||||
background-color: $blue;
|
||||
color: $mantle;
|
||||
}
|
||||
|
||||
&:hover>* {
|
||||
box-shadow: inset 0 0 0 1px $blue,
|
||||
inset 0 0 0 99px transparentize($subtext1, 94px *.9 / 100);
|
||||
}
|
||||
}
|
||||
|
||||
>* {
|
||||
border-radius: 10px;
|
||||
margin: 4px;
|
||||
padding: 5px 8px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
label,
|
||||
image {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
&:not(.flat) {
|
||||
// all: unset;
|
||||
color: $text;
|
||||
|
||||
>* {
|
||||
border-radius: 10px;
|
||||
transition: 200ms;
|
||||
}
|
||||
|
||||
&:focus>*,
|
||||
&.focused>* {
|
||||
box-shadow: inset 0 0 0 1px $blue;
|
||||
background-color: transparentize($subtext1, 94px *.9 / 100);
|
||||
color: lighten($subtext1, 8%);
|
||||
}
|
||||
|
||||
&:hover>* {
|
||||
box-shadow: inset 0 0 0 1px #080808;
|
||||
background-color: transparentize($subtext1, 94px *.9 / 100);
|
||||
color: lighten($subtext1, 8%);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active,
|
||||
&.on,
|
||||
&:checked {
|
||||
>* {
|
||||
box-shadow: inset 0 0 0 1px #080808;
|
||||
background-image: linear-gradient(to right, $mantle , darken($mantle, 4%));
|
||||
background-color: $blue;
|
||||
color: $mantle;
|
||||
}
|
||||
|
||||
&:hover>* {
|
||||
box-shadow: inset 0 0 0 1px $blue,
|
||||
inset 0 0 0 99px transparentize($subtext1, 94px *.9 / 100);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.launcher {
|
||||
.colored {
|
||||
color: transparentize($blue, 0.2);
|
||||
}
|
||||
|
||||
&:hover .colored {
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
&:active .colored,
|
||||
&.active .colored {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
.workspaces {
|
||||
label {
|
||||
font-size: 0;
|
||||
min-width: 5pt;
|
||||
min-height: 5pt;
|
||||
border-radius: $radius*.6;
|
||||
box-shadow: inset 0 0 0 1px transparent;
|
||||
margin: 0 7px*.5;
|
||||
transition: 100ms* .5;
|
||||
background-color: transparentize($text, .8);
|
||||
|
||||
&.occupied {
|
||||
background-color: transparentize($text, .2);
|
||||
min-width: 7pt;
|
||||
min-height: 7pt;
|
||||
// box-shadow: inset 0 0 0 1px $blue;
|
||||
// box-shadow: inset 0 0 0 1px transparent;
|
||||
}
|
||||
|
||||
&.active {
|
||||
// background-color: $primary-bg;
|
||||
// box-shadow: inset 0 0 0 1px transparent;
|
||||
box-shadow: inset 0 0 0 1px $blue;
|
||||
background-image: linear-gradient(to right, $mantle , darken($mantle, 4%));
|
||||
min-width: 20pt;
|
||||
min-height: 12pt;
|
||||
}
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:active {
|
||||
label {
|
||||
background-color: transparentize($blue, .3);
|
||||
|
||||
&.occupied {
|
||||
background-color: transparentize($blue, .15);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media label {
|
||||
margin: 0 (12px * .5)
|
||||
}
|
||||
|
||||
.taskbar .indicator.active {
|
||||
background-color: $blue;
|
||||
border-radius: $radius;
|
||||
min-height: 4pt;
|
||||
min-width: 6pt;
|
||||
margin: 2pt;
|
||||
}
|
||||
|
||||
.powermenu.colored,
|
||||
.recorder {
|
||||
image {
|
||||
color: transparentize($red, 0.3);
|
||||
}
|
||||
|
||||
&:hover image {
|
||||
color: transparentize($red, 0.15);
|
||||
}
|
||||
|
||||
&:active image {
|
||||
color: $mantle;
|
||||
}
|
||||
}
|
||||
|
||||
.quicksettings>box>box {
|
||||
&.horizontal>* {
|
||||
margin: 0 calc(12px * 0.3 / 2);
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical>* {
|
||||
margin: calc(12px * 0.3 / 2) 0;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.quicksettings:not(.active):not(:active) {
|
||||
.bluetooth {
|
||||
color: $blue;
|
||||
|
||||
label {
|
||||
font-size: 13px * .7;
|
||||
color: $text;
|
||||
text-shadow: 2pt 2pt 2pt rgba(0, 0, 0, .6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.battery-bar {
|
||||
>* {
|
||||
padding: 0;
|
||||
min-height: 10px;
|
||||
}
|
||||
|
||||
&.bar-hidden>box {
|
||||
padding: 0 12px* .5;
|
||||
|
||||
image {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
levelbar * {
|
||||
all: unset;
|
||||
transition: 200ms;
|
||||
}
|
||||
|
||||
.whole {
|
||||
image {
|
||||
-gtk-icon-shadow: 2pt 2pt 2pt rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
label {
|
||||
text-shadow: 2pt 2pt 2pt rgba(0, 0, 0, .6);
|
||||
}
|
||||
}
|
||||
|
||||
.regular image {
|
||||
margin-left: 12px * .5;
|
||||
}
|
||||
|
||||
trough {
|
||||
transition: 200ms;
|
||||
border-radius: $radius;
|
||||
color: $mantle;
|
||||
background-color: $base;
|
||||
// border: 1px solid $surface0;
|
||||
min-height: 5px;
|
||||
min-width: 140px;
|
||||
padding: 0px;
|
||||
margin: 7px;
|
||||
}
|
||||
|
||||
.regular trough {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
block {
|
||||
margin: 0;
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 $button-radius $button-radius 0;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: $button-radius 0 0 $button-radius;
|
||||
}
|
||||
}
|
||||
|
||||
.vertical {
|
||||
block {
|
||||
&:last-child {
|
||||
border-radius: 0 0 $button-radius $button-radius;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: $button-radius $button-radius 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@for $i from 1 through $bar-battery-blocks {
|
||||
block:nth-child(#{$i}).filled {
|
||||
background-color: $primary-bg
|
||||
}
|
||||
|
||||
&.low block:nth-child(#{$i}).filled {
|
||||
background-color: $error-bg
|
||||
}
|
||||
|
||||
&.charging block:nth-child(#{$i}).filled {
|
||||
background-color: $charging-bg
|
||||
}
|
||||
|
||||
&:active .regular block:nth-child(#{$i}).filled {
|
||||
background-color: $primary-fg
|
||||
}
|
||||
}
|
||||
|
||||
&.low image {
|
||||
color: $error-bg
|
||||
}
|
||||
|
||||
&.charging image {
|
||||
color: $charging-bg
|
||||
}
|
||||
|
||||
&:active image {
|
||||
color: $primary-fg
|
||||
}
|
||||
}
|
||||
}
|
||||
340
.config/ags/old/scss/_datemenu.scss
Normal file
340
.config/ags/old/scss/_datemenu.scss
Normal file
|
|
@ -0,0 +1,340 @@
|
|||
@import './notifications';
|
||||
|
||||
@mixin calendar {
|
||||
transition: 200ms;
|
||||
border-radius: 18px;
|
||||
color: $text;
|
||||
background-color: $mantle;
|
||||
border: 2px solid $blue;
|
||||
padding: 8px 8px 0px;
|
||||
|
||||
calendar {
|
||||
all: unset;
|
||||
|
||||
&.button {
|
||||
all: unset;
|
||||
transition: 200ms;
|
||||
border-radius: 6px;
|
||||
color: $text;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 0 0 2px #0e0e0e;
|
||||
background-color: transparentize(#eeeeee, $amount: 0.8);
|
||||
color: lighten($color: #eeeeee, $amount: 8%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2px $blue;
|
||||
background-color: transparentize(#eeeeee, $amount: 0.8);
|
||||
color: lighten($color: #eeeeee, $amount: 8%);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.on,
|
||||
&.active,
|
||||
&:checked {
|
||||
box-shadow: inset 0 0 0 2px $blue;
|
||||
background-image: linear-gradient(to right, $mantle, darken($mantle, 4%));
|
||||
background-color: $blue;
|
||||
color: $base;
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2px $blue,
|
||||
inset 0 0 0 99px transparentize(#eeeeee, $amount: 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
color: transparentize($blue, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
&:selected {
|
||||
box-shadow: inset 0 -8px 0 0 transparentize($green, 0.5),
|
||||
inset 0 0 0 1px $green;
|
||||
border-radius: 8px;
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
&.header {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
color: transparentize($text, 0.5);
|
||||
}
|
||||
|
||||
&.highlight {
|
||||
background-color: transparent;
|
||||
color: transparentize($blue, 0.0);
|
||||
}
|
||||
|
||||
&:indeterminate {
|
||||
color: transparentize($text, 0.8);
|
||||
}
|
||||
|
||||
font-size: 1.4em;
|
||||
padding: .2em;
|
||||
}
|
||||
}
|
||||
|
||||
window#datemenu .datemenu {
|
||||
box-shadow: 0 0 5px 0 #0e0e0e;
|
||||
|
||||
margin: 9px;
|
||||
border: 2px solid $blue;
|
||||
background-color: $base;
|
||||
color: $text;
|
||||
border-radius: 26px;
|
||||
padding: 8px;
|
||||
|
||||
.notifications {
|
||||
.header {
|
||||
margin-bottom: 30px;
|
||||
margin-right: 30px;
|
||||
|
||||
>label {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
button {
|
||||
all: unset;
|
||||
transition: 200ms;
|
||||
border-radius: 10px;
|
||||
color: $text;
|
||||
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: inset 0 0 0 2px $blue;
|
||||
|
||||
&:focus {
|
||||
box-shadow: inset 0 0 0 2px #0e0e0e;
|
||||
background-color: transparentize(#eeeeee, $amount: 0.8);
|
||||
color: lighten($color: #eeeeee, $amount: 8%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2px $blue;
|
||||
background-color: transparentize(#eeeeee, $amount: 0.8);
|
||||
color: lighten($color: #eeeeee, $amount: 8%);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.on,
|
||||
&.active,
|
||||
&:checked {
|
||||
box-shadow: inset 0 0 0 2px $blue;
|
||||
background-image: linear-gradient(to right, $mantle, darken($mantle, 4%));
|
||||
background-color: $blue;
|
||||
color: $base;
|
||||
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2px $blue,
|
||||
inset 0 0 0 99px transparentize(#eeeeee, $amount: 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
color: transparentize($mantle, 0.7);
|
||||
}
|
||||
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-scrollable {
|
||||
|
||||
scrollbar,
|
||||
scrollbar * {
|
||||
all: unset;
|
||||
}
|
||||
|
||||
scrollbar.vertical {
|
||||
transition: 200ms;
|
||||
background-color: transparentize($base, 0.7);
|
||||
|
||||
&:hover {
|
||||
background-color: transparentize($base, 0.3);
|
||||
|
||||
slider {
|
||||
background-color: transparentize($text, 0.3);
|
||||
min-width: .6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
scrollbar.vertical slider {
|
||||
background-color: transparentize($text, 0.5);
|
||||
border-radius: 10px;
|
||||
min-width: .4em;
|
||||
min-height: 2em;
|
||||
transition: 200ms;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-list {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.notification {
|
||||
&.critical {
|
||||
box-shadow: inset 0 0 .5em 0 $red;
|
||||
}
|
||||
|
||||
&:hover button.close-button {
|
||||
// @include button-hover;
|
||||
background-color: transparentize($red, .5);
|
||||
}
|
||||
|
||||
.content {
|
||||
.title {
|
||||
margin-top: 5px;
|
||||
margin-right: 10px;
|
||||
color: $text;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: transparentize($text, .2);
|
||||
margin: 5px 10px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: .9em;
|
||||
color: transparentize($text, .2);
|
||||
}
|
||||
|
||||
.icon {
|
||||
border-radius: 10px;
|
||||
margin-right: 10px;
|
||||
|
||||
&.img {
|
||||
border: 2px solid $green;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
box.actions {
|
||||
// @include spacing(0.5);
|
||||
margin-top: 10px;
|
||||
|
||||
button {
|
||||
// @include button;
|
||||
background-color: $surface0;
|
||||
border: 2px solid $surface0;
|
||||
border-radius: 10px;
|
||||
font-size: 1.2em;
|
||||
margin: 0px 10px 10px 0px;
|
||||
padding: 10px;
|
||||
|
||||
&:first-child {
|
||||
margin: 0px 10px 10px 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $surface2;
|
||||
border: 2px solid $rosewater;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button.close-button {
|
||||
// @include button($flat: true);
|
||||
margin: 0px 0px 0px 0px;
|
||||
border-radius: 10px;
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
background-color: rgba(0, 0, 0, 0); //$crust;
|
||||
padding: 0px;
|
||||
|
||||
&:hover {
|
||||
background-color: transparentize($red, .2);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-image: none;
|
||||
background-color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
transition: 200ms;
|
||||
color: $text;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 15px;
|
||||
background-color: $base;
|
||||
font-family: "Iosevka";
|
||||
padding: 5px;
|
||||
border: 2px solid $rosewater;
|
||||
box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
image {
|
||||
font-size: 7em;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
separator {
|
||||
background-color: $mantle;
|
||||
min-width: 3px;
|
||||
border-radius: 100px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.datemenu {
|
||||
&.horizontal>* {
|
||||
margin: 0 10px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical>* {
|
||||
margin: 10px 0;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clock-box {
|
||||
padding: 10px;
|
||||
|
||||
.clock {
|
||||
font-size: 6em;
|
||||
}
|
||||
|
||||
.uptime {
|
||||
font-family: "Iosevka";
|
||||
font-size: 18px;
|
||||
color: transparentize($text, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.calendar {
|
||||
font-family: "Iosevka";
|
||||
font-size: 18px;
|
||||
@include calendar;
|
||||
}
|
||||
}
|
||||
9
.config/ags/old/scss/_dock.scss
Normal file
9
.config/ags/old/scss/_dock.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
#dock * {
|
||||
font-family: 'Iosevka';
|
||||
}
|
||||
|
||||
#dock-box {
|
||||
min-height: 10px;
|
||||
min-width: 100px;
|
||||
background-color: $base;
|
||||
}
|
||||
1
.config/ags/old/scss/_globals.scss
Normal file
1
.config/ags/old/scss/_globals.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
// Trying yo put some global variables
|
||||
76
.config/ags/old/scss/_lockscreen.scss
Normal file
76
.config/ags/old/scss/_lockscreen.scss
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
#lockscreen * {
|
||||
// all:unset;
|
||||
font-family: "SF Pro Display";
|
||||
}
|
||||
|
||||
/* #lockscreen { */
|
||||
/* background-image: url("/home/hooman/gitjargan/wallpapers/0012.jpg"); */
|
||||
/* } */
|
||||
|
||||
#lockscreen-time {
|
||||
color: #b8bcc2;
|
||||
font-size: 12.5rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
#lockscreen-date {
|
||||
color: #b8bcc2;
|
||||
font-size: 3.75rem;
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
|
||||
#lockscreen-time, #lockscreen-date {
|
||||
margin-left: 7.8125rem;
|
||||
}
|
||||
|
||||
.lockscreen-smolbox {
|
||||
background-color: #172030;
|
||||
border-radius: 0.5rem;
|
||||
min-height: 4.375rem;
|
||||
min-width: 4.375rem;
|
||||
margin-right: 5rem;
|
||||
margin-bottom: 2.5rem;
|
||||
font-size: 2rem;
|
||||
|
||||
label {
|
||||
min-height: 4.375rem;
|
||||
min-width: 4.375rem;
|
||||
color: #b8bcc2;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
#lockscreen-revealer {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.lockscreen-charged {
|
||||
color: #6b7cdb;
|
||||
}
|
||||
|
||||
.lockscreen-low {
|
||||
color: #c45e62;
|
||||
}
|
||||
|
||||
.lockscreen-charging {
|
||||
color: #62bf81;
|
||||
}
|
||||
.lockscreen-battery {
|
||||
padding-right: 0;
|
||||
margin-left: -0.5625rem;
|
||||
margin-bottom: -0.4375rem;
|
||||
margin-right: 0.5625rem;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.lockscreen-network {
|
||||
padding-left: 1.25rem;
|
||||
margin-right: 1.125rem;
|
||||
}
|
||||
|
||||
#lockscreen-boxRight {
|
||||
min-width: 4.375rem;
|
||||
}
|
||||
26
.config/ags/old/scss/_mocha.scss
Normal file
26
.config/ags/old/scss/_mocha.scss
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
$rosewater: #f5e0dc;
|
||||
$flamingo: #f2cdcd;
|
||||
$pink: #f5c2e7;
|
||||
$mauve: #cba6f7;
|
||||
$red: #f38ba8;
|
||||
$maroon: #eba0ac;
|
||||
$peach: #fab387;
|
||||
$yellow: #f9e2af;
|
||||
$green: #a6e3a1;
|
||||
$teal: #94e2d5;
|
||||
$sky: #89dceb;
|
||||
$sapphire: #74c7ec;
|
||||
$blue: #89b4fa;
|
||||
$lavender: #b4befe;
|
||||
$text: #cdd6f4;
|
||||
$subtext1: #bac2de;
|
||||
$subtext0: #a6adc8;
|
||||
$overlay2: #9399b2;
|
||||
$overlay1: #7f849c;
|
||||
$overlay0: #6c7086;
|
||||
$surface2: #585b70;
|
||||
$surface1: #45475a;
|
||||
$surface0: #313244;
|
||||
$base: #1e1e2e;
|
||||
$mantle: #181825;
|
||||
$crust: #11111b;
|
||||
96
.config/ags/old/scss/_notifications.scss
Normal file
96
.config/ags/old/scss/_notifications.scss
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
window.notifications {
|
||||
.notification {
|
||||
border-radius: 15px;
|
||||
background-color: $base;
|
||||
margin: 25px 25px 20px 0px;
|
||||
font-family: "Iosevka";
|
||||
padding: 5px;
|
||||
// border: 2px solid $rosewater;
|
||||
box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
|
||||
|
||||
&.critical {
|
||||
box-shadow: inset 0 0 .5em 0 $red;
|
||||
}
|
||||
|
||||
&:hover button.close-button {
|
||||
// @include button-hover;
|
||||
background-color: transparentize($red, .5);
|
||||
}
|
||||
|
||||
.content {
|
||||
.title {
|
||||
margin-top: 5px;
|
||||
margin-right: 10px;
|
||||
color: $text;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: transparentize($text, .2);
|
||||
margin: 5px 10px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: .9em;
|
||||
color: transparentize($text, .2);
|
||||
}
|
||||
|
||||
.icon {
|
||||
border-radius: 10px;
|
||||
margin-right: 10px;
|
||||
|
||||
&.img {
|
||||
border: 2px solid $green;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
box.actions {
|
||||
// @include spacing(0.5);
|
||||
margin-top: 10px;
|
||||
|
||||
button {
|
||||
// @include button;
|
||||
background-color: $surface0;
|
||||
border: 2px solid $surface0;
|
||||
border-radius: 10px;
|
||||
font-size: 1.2em;
|
||||
margin: 0px 10px 10px 0px;
|
||||
padding: 10px;
|
||||
|
||||
&:first-child {
|
||||
margin: 0px 10px 10px 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $surface2;
|
||||
border: 2px solid $rosewater;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button.close-button {
|
||||
// @include button($flat: true);
|
||||
margin: 0px 0px 0px 0px;
|
||||
border-radius: 10px;
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
background-color: rgba(0, 0, 0, 0); //$crust;
|
||||
padding: 0px;
|
||||
|
||||
&:hover {
|
||||
background-color: transparentize($red, .5);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-image: none;
|
||||
background-color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.description {
|
||||
min-width: 350px;
|
||||
}
|
||||
}
|
||||
}
|
||||
35
.config/ags/old/scss/_osd.scss
Normal file
35
.config/ags/old/scss/_osd.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
$shadow-color: #0e0e0e;
|
||||
|
||||
window.indicator {
|
||||
.progress {
|
||||
box-shadow: 0 0 5px 0 $shadow-color;
|
||||
margin: 15px;
|
||||
border: 2px solid $blue;
|
||||
background-color: $base;
|
||||
color: $text;
|
||||
padding: 5px;
|
||||
border-radius: 15px;
|
||||
|
||||
.fill {
|
||||
border-radius: 10px;
|
||||
background-color: $blue;
|
||||
color: $crust;
|
||||
|
||||
image {
|
||||
-gtk-icon-transform: scale(0.7);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.microphone {
|
||||
box-shadow: 0 0 5px 0 $shadow-color;
|
||||
margin: 15px;
|
||||
border: 2px solid $blue;
|
||||
background-color: $base;
|
||||
color: $text;
|
||||
padding: 5px;
|
||||
border-radius: 15px;
|
||||
font-size: 58px;
|
||||
color: transparentize($crust, .1)
|
||||
}
|
||||
}
|
||||
76
.config/ags/old/scss/_overview.scss
Normal file
76
.config/ags/old/scss/_overview.scss
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
window#overview .overview {
|
||||
background-color: $crust;
|
||||
border: 2px solid $overlay0;
|
||||
border-radius: 35px;
|
||||
padding: 15px;
|
||||
margin: 30px;
|
||||
box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px 10px;
|
||||
|
||||
|
||||
&.horizontal>* {
|
||||
margin: 0 10px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical>* {
|
||||
margin: 10px 0;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.workspace {
|
||||
|
||||
&.active>widget {
|
||||
border-color: $blue;
|
||||
}
|
||||
|
||||
>widget {
|
||||
border-radius: 20px;
|
||||
background-color: $base;
|
||||
margin: 10px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
|
||||
&:hover {
|
||||
background-color: $surface1;
|
||||
}
|
||||
|
||||
&:drop(active) {
|
||||
background-color: $base;
|
||||
}
|
||||
}
|
||||
|
||||
.client {
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
border: 2px solid $surface0;
|
||||
margin: 10px;
|
||||
border-radius: 10px;
|
||||
padding: 0px;
|
||||
|
||||
&:active,
|
||||
&.on,
|
||||
&.active,
|
||||
&:checked,
|
||||
&:focus {
|
||||
border: 2px solid $blue;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
160
.config/ags/old/scss/_powermenu.scss
Normal file
160
.config/ags/old/scss/_powermenu.scss
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
#powermenu {
|
||||
/* opacity: 0; */
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
window#powermenu,
|
||||
window#verification {
|
||||
// the fraction has to be more than hyprland ignorealpha
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
#powermenu-motherbox,
|
||||
.verification {
|
||||
background-color: $crust;
|
||||
// margin: 162px 288px;
|
||||
border-radius: 25px;
|
||||
opacity: 1;
|
||||
// box-shadow: rgba(0,0,0,0.4)
|
||||
// 10px 10px;
|
||||
margin: 30px;
|
||||
box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px 20px;
|
||||
border: 2px solid $overlay0;
|
||||
}
|
||||
|
||||
.verification {
|
||||
min-height: 158px;
|
||||
min-width: 358px;
|
||||
}
|
||||
|
||||
|
||||
.powermenu-powerbutton {
|
||||
background-color: $red;
|
||||
color: #212228;
|
||||
border-radius: 200px;
|
||||
min-height: 48px;
|
||||
min-width: 48px;
|
||||
font-size: 20px;
|
||||
font-family: "Iosevka";
|
||||
|
||||
&:hover {
|
||||
background-color: $green;
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
label {
|
||||
padding-left: 15px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.powermenu-username {
|
||||
background-color: $green;
|
||||
color: #212228;
|
||||
border-radius: 200px;
|
||||
min-height: 48px;
|
||||
font-size: 20px;
|
||||
font-family: "Iosevka";
|
||||
|
||||
label {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.powermenu-powerbutton,
|
||||
.powermenu-username {
|
||||
margin: 10px 0px 0px 10px;
|
||||
}
|
||||
|
||||
|
||||
.powermenu-midbox {
|
||||
background-color: $base;
|
||||
color: #FFFFFF;
|
||||
border-radius: 10px;
|
||||
margin: 15px 25px;
|
||||
padding: 10px 25px;
|
||||
font-size: 20px;
|
||||
font-family: "Iosevka";
|
||||
}
|
||||
|
||||
.verification-label {
|
||||
background-color: $base;
|
||||
color: #FFFFFF;
|
||||
border-radius: 10px;
|
||||
margin: 25px 25px;
|
||||
padding: 10px 25px;
|
||||
font-size: 30px;
|
||||
font-family: "Iosevka";
|
||||
}
|
||||
|
||||
#powermenu-topbox {
|
||||
margin: 25px 25px 0px 25px;
|
||||
min-height: 388px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.powermenu-buttonLabel {
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
}
|
||||
|
||||
.powermenu-buttonBox {
|
||||
background-color: $base;
|
||||
padding: 0px;
|
||||
color: #EEEEEF;
|
||||
min-height: 242px;
|
||||
min-width: 242px;
|
||||
border-radius: 10px;
|
||||
margin: 0px 0px 25px 0px;
|
||||
font-size: 100px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
|
||||
label {
|
||||
margin-left: 85px;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background-color: $blue;
|
||||
color: #1E2127;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 2px solid $lavender;
|
||||
background-color: $surface0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.verification-buttonBox {
|
||||
background-color: $base;
|
||||
padding: 0px;
|
||||
color: #EEEEEF;
|
||||
min-height: 60px;
|
||||
min-width: 140px;
|
||||
border-radius: 10px;
|
||||
margin: 0px 0px 25px 0px;
|
||||
font-size: 35px;
|
||||
font-family: "Iosevka";
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
|
||||
|
||||
&:focus {
|
||||
background-color: $blue;
|
||||
color: #1E2127;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 2px solid $lavender;
|
||||
background-color: $surface0;
|
||||
}
|
||||
}
|
||||
|
||||
.powermenu-buttonBoxFirst,
|
||||
.verification-buttonBoxFirst {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.powermenu-buttonBoxLast,
|
||||
.verification-buttonBoxLast {
|
||||
margin-right: 25px;
|
||||
}
|
||||
1075
.config/ags/old/scss/_quicksettings.scss
Normal file
1075
.config/ags/old/scss/_quicksettings.scss
Normal file
File diff suppressed because it is too large
Load diff
11
.config/ags/old/scss/main.scss
Normal file
11
.config/ags/old/scss/main.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@import './mocha';
|
||||
@import './globals';
|
||||
@import './lockscreen';
|
||||
@import './powermenu';
|
||||
@import './dock';
|
||||
@import './overview';
|
||||
@import './notifications';
|
||||
@import './bar';
|
||||
@import './osd';
|
||||
@import './datemenu';
|
||||
@import './quicksettings';
|
||||
Loading…
Add table
Add a link
Reference in a new issue