chore(agsV2): fix deprecation warnings for scss
All checks were successful
Discord / discord commits (push) Has been skipped

This commit is contained in:
matt1432 2024-11-04 21:42:25 -05:00
parent 685825fb07
commit 7b48cb8487
8 changed files with 22 additions and 11 deletions

View file

@ -1,3 +1,11 @@
// TODO: touch gestures
// TODO: persisting data like bluetooth
// TODO: quick-settings
// TODO: music player stuff
// TODO: on-screen-keyboard
// TODO: Greetd
// TODO: GSR
import GLib from 'gi://GLib'; import GLib from 'gi://GLib';

View file

@ -1,4 +1,5 @@
@use '../../style/colors' as colors; @use 'sass:color';
@use '../../style/colors';
.bar { .bar {
margin-left: 5px; margin-left: 5px;
@ -8,14 +9,14 @@
.bar-item { .bar-item {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
border-radius: 7px; border-radius: 7px;
background-color: darken(colors.$window_bg_color, 3%); background-color: color.adjust(colors.$window_bg_color, $lightness: -3%);
font-size: 20px; font-size: 20px;
min-height: 35px; min-height: 35px;
transition: background-color 300ms; transition: background-color 300ms;
&:hover { &:hover {
background-color: lighten(colors.$window_bg_color, 3%); background-color: color.adjust(colors.$window_bg_color, $lightness: 3%);
} }
&.network icon { &.network icon {

View file

@ -14,7 +14,7 @@ import BarRevealer from './fullscreen';
import Separator from '../misc/separator'; import Separator from '../misc/separator';
// TODO: add Bluetooth, Kbd Layout // TODO: add Bluetooth
export default () => ( export default () => (
<BarRevealer <BarRevealer
exclusivity={Astal.Exclusivity.EXCLUSIVE} exclusivity={Astal.Exclusivity.EXCLUSIVE}

View file

@ -1,4 +1,4 @@
@use '../../style/colors' as colors; @use '../../style/colors';
.date { .date {
margin-top: 0; margin-top: 0;

View file

@ -1,4 +1,4 @@
@use '../../style/colors' as colors; @use '../../style/colors';
.sorted-list { .sorted-list {
.search { .search {

View file

@ -1,4 +1,5 @@
@use '../../style/colors' as colors; @use 'sass:color';
@use '../../style/colors';
.notification.widget { .notification.widget {
// urgencies // urgencies
@ -37,7 +38,7 @@
margin: 3px; margin: 3px;
.background { .background {
background-color: darken(colors.$window_bg_color, 3%); background-color: color.adjust(colors.$window_bg_color, $lightness: -3%);
border-radius: 3px; border-radius: 3px;
} }

View file

@ -1,4 +1,5 @@
@use '../../style/colors' as colors; @use 'sass:color';
@use '../../style/colors';
.powermenu { .powermenu {
font-size: 70px; font-size: 70px;
@ -15,7 +16,7 @@
&:hover, &:hover,
&:active { &:active {
background-color: lighten(colors.$window_bg_color, 3%); background-color: color.adjust(colors.$window_bg_color, $lightness: 3%);
} }
} }

View file

@ -1,4 +1,4 @@
@use '../../style/colors' as colors; @use '../../style/colors';
.screenshot { .screenshot {
font-size: 30px; font-size: 30px;