eudaimon
/
ClearCrystal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reordarable tabs are now gorgeous

This commit is contained in:
eudaimon 2023-04-05 20:40:25 +02:00
parent febcc8026c
commit 91f19093e4
6 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -17,7 +17,7 @@ There are a few available color themes already, both dark and light.
Included themes:
- GTK: gtk2, gtk3, gtk4
- GTK: gtk2, gtk3, gtk4 (gtk2 is not really flat, but...)
- xfwm4 (not really matching, maybe just "good enough").
- Cinnamon, Gnome-Shell, chrome made with Oomox/Themix using Materia (these do not adapt to color themes other than the original one).

6
gtk-3.0/gtk.css
View File

@ -779,6 +779,12 @@ notebook > header > tabs > arrow:disabled { color: #7c675a; border-color: transp
notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; }
notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; }
notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }

6
gtk-4.0/gtk.css
View File

@ -771,6 +771,12 @@ notebook > header > tabs > arrow:disabled { color: #7c675a; border-color: transp
notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; }
notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; }
notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }

11
source/common/notebook.scss
View File

@ -98,6 +98,17 @@ notebook {
outline-color: transparent;
margin: 3px;
&.reorderable-page {
@include draggable_bg_image($button_bg);
&, &:dir(ltr) {
background-position: left;
padding-left: 1rem;
}
&:dir(rtl) {
background-position: right;
padding-right: 1rem;
}
}
button.flat {
//&:hover { color: currentColor; }

6
source/gtk3/gtk-new.css
View File

@ -779,6 +779,12 @@ notebook > header > tabs > arrow:disabled { color: #7c675a; border-color: transp
notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; }
notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; }
notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }

6
source/gtk4/gtk-new.css
View File

@ -771,6 +771,12 @@ notebook > header > tabs > arrow:disabled { color: #7c675a; border-color: transp
notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab.reorderable-page { background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
notebook > header tabs > tab.reorderable-page, notebook > header tabs > tab.reorderable-page:dir(ltr) { background-position: left; padding-left: 1rem; }
notebook > header tabs > tab.reorderable-page:dir(rtl) { background-position: right; padding-right: 1rem; }
notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }