Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
vinceliuice committed Apr 26, 2024
1 parent 7c5223b commit 4f1de19
Show file tree
Hide file tree
Showing 14 changed files with 1,929 additions and 0 deletions.
148 changes: 148 additions & 0 deletions src/gtk/gtk-4.0/gtk-aliz.css
Original file line number Diff line number Diff line change
Expand Up @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c
headerbar {
min-height: 42px;
padding: 0;
margin: 0;
color: #d0c8c8;
border: none;
background-color: #222222;
Expand Down Expand Up @@ -7146,6 +7147,10 @@ tabbar .box {
min-height: 28px;
}

tabbar tabbox {
padding: 0;
}

tabbar tabbox > tabboxchild {
border-radius: 0;
margin-bottom: 0;
Expand Down Expand Up @@ -8004,6 +8009,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
padding: 0;
}

themeselector,
panelthemeselector {
margin: 9px;
}

themeselector checkbutton,
panelthemeselector checkbutton {
padding: 1px;
min-height: 44px;
min-width: 44px;
background-clip: content-box;
border-radius: 100%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

themeselector checkbutton radio,
panelthemeselector checkbutton radio {
min-height: 16px;
min-width: 16px;
transform: translate(27px, 14px);
padding: 3px;
}

themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled,
panelthemeselector checkbutton radio,
panelthemeselector checkbutton radio:hover,
panelthemeselector checkbutton radio:disabled {
-gtk-icon-source: none;
border: none;
background: none;
box-shadow: none;
}

themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover,
panelthemeselector checkbutton radio:checked,
panelthemeselector checkbutton radio:checked:hover,
panelthemeselector checkbutton radio:active,
panelthemeselector checkbutton radio:active:hover {
-gtk-icon-source: -gtk-icontheme("object-select-symbolic");
background-image: image(#F0544C);
background-color: #F0544C;
color: #ffffff;
}

themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
panelthemeselector checkbutton.follow:checked,
panelthemeselector checkbutton.light:checked,
panelthemeselector checkbutton.dark:checked {
box-shadow: inset 0 0 0 2px #F0544C;
}

themeselector checkbutton.light,
panelthemeselector checkbutton.light {
background-color: #ffffff;
}

themeselector checkbutton.dark,
panelthemeselector checkbutton.dark {
background-color: #202020;
}

themeselector checkbutton.follow,
panelthemeselector checkbutton.follow {
background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%);
}

themeswitcher {
padding: 6px;
}

themeswitcher .check {
min-height: 16px;
min-width: 16px;
background-color: #F0544C;
color: on(#F0544C);
padding: 2px;
border-radius: 100%;
margin: 3px;
-gtk-icon-size: 20px;
-gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/[email protected]")));
}

themeswitcher .check:hover {
background-color: #f4817b;
color: on(#F0544C);
}

themeswitcher .check:active {
background-color: #F0544C;
color: on(#F0544C);
}

themeswitcher checkbutton radio {
padding: 0;
margin: 2px;
min-height: 48px;
min-width: 48px;
}

themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover {
outline-color: rgba(0, 0, 0, 0.15);
outline-width: 1px;
outline-offset: -1px;
outline-style: solid;
box-shadow: none;
}

themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover {
-gtk-icon-source: none;
transition: none;
border: none;
}

themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover {
box-shadow: inset 0 0 0 2px #F0544C;
}

themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover {
background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%);
background-color: transparent;
}

themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover {
color: rgba(0, 0, 0, 0.8);
background-color: white;
}

themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover {
color: white;
background-image: image(#242424);
background-color: transparent;
}

floating-sheet > dimming {
background-color: rgba(0, 0, 0, 0.35);
}

floating-sheet > sheet {
border-radius: 3px;
outline: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
}

#NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button,
.nautilus-window headerbar splitbutton > menubutton > button {
border-radius: 2px;
Expand Down
148 changes: 148 additions & 0 deletions src/gtk/gtk-4.0/gtk-azul.css
Original file line number Diff line number Diff line change
Expand Up @@ -2585,6 +2585,7 @@ headerbar popover > contents button:disabled:active label, headerbar popover > c
headerbar {
min-height: 42px;
padding: 0;
margin: 0;
color: #c6cbcf;
border: none;
background-color: #1b1d24;
Expand Down Expand Up @@ -7146,6 +7147,10 @@ tabbar .box {
min-height: 28px;
}

tabbar tabbox {
padding: 0;
}

tabbar tabbox > tabboxchild {
border-radius: 0;
margin-bottom: 0;
Expand Down Expand Up @@ -8004,6 +8009,149 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
padding: 0;
}

themeselector,
panelthemeselector {
margin: 9px;
}

themeselector checkbutton,
panelthemeselector checkbutton {
padding: 1px;
min-height: 44px;
min-width: 44px;
background-clip: content-box;
border-radius: 100%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

themeselector checkbutton radio,
panelthemeselector checkbutton radio {
min-height: 16px;
min-width: 16px;
transform: translate(27px, 14px);
padding: 3px;
}

themeselector checkbutton radio, themeselector checkbutton radio:hover, themeselector checkbutton radio:disabled,
panelthemeselector checkbutton radio,
panelthemeselector checkbutton radio:hover,
panelthemeselector checkbutton radio:disabled {
-gtk-icon-source: none;
border: none;
background: none;
box-shadow: none;
}

themeselector checkbutton radio:checked, themeselector checkbutton radio:checked:hover, themeselector checkbutton radio:active, themeselector checkbutton radio:active:hover,
panelthemeselector checkbutton radio:checked,
panelthemeselector checkbutton radio:checked:hover,
panelthemeselector checkbutton radio:active,
panelthemeselector checkbutton radio:active:hover {
-gtk-icon-source: -gtk-icontheme("object-select-symbolic");
background-image: image(#3498db);
background-color: #3498db;
color: #ffffff;
}

themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
panelthemeselector checkbutton.follow:checked,
panelthemeselector checkbutton.light:checked,
panelthemeselector checkbutton.dark:checked {
box-shadow: inset 0 0 0 2px #3498db;
}

themeselector checkbutton.light,
panelthemeselector checkbutton.light {
background-color: #ffffff;
}

themeselector checkbutton.dark,
panelthemeselector checkbutton.dark {
background-color: #202020;
}

themeselector checkbutton.follow,
panelthemeselector checkbutton.follow {
background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%);
}

themeswitcher {
padding: 6px;
}

themeswitcher .check {
min-height: 16px;
min-width: 16px;
background-color: #3498db;
color: on(#3498db);
padding: 2px;
border-radius: 100%;
margin: 3px;
-gtk-icon-size: 20px;
-gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/[email protected]")));
}

themeswitcher .check:hover {
background-color: #5faee3;
color: on(#3498db);
}

themeswitcher .check:active {
background-color: #3498db;
color: on(#3498db);
}

themeswitcher checkbutton radio {
padding: 0;
margin: 2px;
min-height: 48px;
min-width: 48px;
}

themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover {
outline-color: rgba(0, 0, 0, 0.15);
outline-width: 1px;
outline-offset: -1px;
outline-style: solid;
box-shadow: none;
}

themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover {
-gtk-icon-source: none;
transition: none;
border: none;
}

themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover {
box-shadow: inset 0 0 0 2px #3498db;
}

themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover {
background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%);
background-color: transparent;
}

themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover {
color: rgba(0, 0, 0, 0.8);
background-color: white;
}

themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover {
color: white;
background-image: image(#242424);
background-color: transparent;
}

floating-sheet > dimming {
background-color: rgba(0, 0, 0, 0.35);
}

floating-sheet > sheet {
border-radius: 3px;
outline: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
}

#NautilusPathBar > menubutton > button, #NautilusPathBar #NautilusPathButton, .nautilus-window headerbar splitbutton > button,
.nautilus-window headerbar splitbutton > menubutton > button {
border-radius: 2px;
Expand Down
Loading

0 comments on commit 4f1de19

Please sign in to comment.