diff options
| author | Hannes Schulze <haschu0103@outlook.de> | 2025-06-20 17:11:35 +0200 |
|---|---|---|
| committer | Hannes Schulze <haschu0103@outlook.de> | 2025-06-20 17:11:35 +0200 |
| commit | 75b5dde3a4d62acfc4f354b6dc237062cb83b89b (patch) | |
| tree | a39283ff47a1a33a1a713e03a1e60b8efe80e03a /res/styles/partials/_control-center.scss | |
| parent | 519956797d905c0925b8dd418ceb17c7495ad30a (diff) | |
add resources
Diffstat (limited to 'res/styles/partials/_control-center.scss')
| -rw-r--r-- | res/styles/partials/_control-center.scss | 142 |
1 files changed, 0 insertions, 142 deletions
diff --git a/res/styles/partials/_control-center.scss b/res/styles/partials/_control-center.scss deleted file mode 100644 index e91a105..0000000 --- a/res/styles/partials/_control-center.scss +++ /dev/null @@ -1,142 +0,0 @@ -// -// Styles for the control center, including its "controls" and "notifications" sections. -// - -window.control-center { - // XXX: To prevent some glitches - background: rgba(0, 0, 0, 0.005); - border-radius: $foobar-dim-radius-large; - - & > box { - background: $foobar-color-background-primary; - // XXX: Applying the border directly to the window seems to confuse hyprland, GTK, or something else. - // To reproduce: set position to "right", alignment to "start", and foobar-dim-border-light to some large value. - border: $foobar-dim-border-light solid $foobar-color-border; - border-radius: $foobar-dim-radius-large; - } - - & control-button, - & control-slider { - background: $foobar-color-background-secondary; - border: $foobar-dim-border-light solid $foobar-color-border; - border-radius: $foobar-dim-radius-large; - transition: background-color 0.1s, border 0.1s; - - & label, - & image { - transition: color 0.1s; - } - - & image { - -gtk-icon-size: 20px; - } - - & button { - transition: background-color 0.1s, color 0.1s; - border: none; - box-shadow: none; - border-radius: 0; - - // "Linked" style - - &:last-child { - border-top-right-radius: $foobar-dim-radius-large; - border-bottom-right-radius: $foobar-dim-radius-large; - } - - &:first-child { - border-top-left-radius: $foobar-dim-radius-large; - border-bottom-left-radius: $foobar-dim-radius-large; - } - } - - & scale { - margin-top: $foobar-dim-spacing-medium; - } - - & > .primary { - padding: $foobar-dim-margin-medium-vertical $foobar-dim-margin-medium-horizontal; - - & label { - font-weight: bold; - } - - & image { - margin-right: $foobar-dim-spacing-medium; - } - } - - & > .expand { - border-left: $foobar-dim-border-light solid $foobar-color-border; - padding: $foobar-dim-margin-small-vertical $foobar-dim-margin-small-horizontal; - - & image { - transition: transform 0.1s; - transform: rotate(0deg); - } - } - - &.toggled { - background: $foobar-color-accent-primary; - - & label, - & image { - color: $foobar-color-background-primary; - } - } - - &.expanded { - & > .expand image { - transform: rotate(90deg); - } - } - } - - & control-details { - & scrolledwindow { - background: $foobar-color-background-secondary; - border-top: $foobar-dim-border-light solid $foobar-color-border; - border-bottom: $foobar-dim-border-light solid $foobar-color-border; - } - - & row { - $inset: $foobar-dim-spacing-medium; - - padding-top: $foobar-dim-margin-small-vertical; - padding-bottom: $foobar-dim-margin-small-vertical; - padding-left: $foobar-dim-margin-medium-horizontal - $inset; // Aligned to primary button content - padding-right: $foobar-dim-margin-small-horizontal - $inset; // Aligned to expand button content - margin-top: $inset; - margin-left: $inset; - margin-right: $inset; - border-radius: $foobar-dim-radius-small; - - &:last-child { - margin-bottom: $inset; - } - - & .accessory { - margin-left: $foobar-dim-spacing-medium; - } - } - } - - & .notifications { - & row, - & row:hover, - & row:active, - & row:focus , - & row:selected { - background: transparent; - } - - & notification .content { - background: $foobar-color-background-secondary; - } - } - - & .placeholder { - font-size: $foobar-dim-font-large; - color: $foobar-color-foreground-secondary; - } -} |
