LINUX.ORG.RU

допилил тему в weston (теперь не про софт)

 , ,


0

1

weston, wayland.

Документации не хватает по css, так бы оказалось интересней, а то пилил на обум, целых два дня, не понятно какие элементы в этом gtk за отображение чего отвечают, вообщем потыкаться пришлось.

На скрине брузер, шахматы, текстоый редктор.

Декорация окон нравится.

Еще маляху допилю, и станет идеально по мне.

>>> Просмотр (1366x768, 251 Kb)



Проверено: JB ()
Последнее исправление: JB (всего исправлений: 1)
Ответ на: комментарий от peregrine

ну пилю потихоньку, это не завершенный вариант, если когда то допилится то заброшу скрин, хотя имха эпиафни с этой темой крут, нету тех стоунхенджевских плит сверху и в виде вкладок, мне этого в основном от темы только и хотелось, так что сижу и на дефолтную тему возвращаться ниразу еще не подумал за эти дни.

dima1981
() автор топика
Ответ на: комментарий от Deleted

да нет. вот он, почти имха идеал, только однотонность еще не допилена.

tooltip,
tooltip *{
padding:0;
margin:0
}

decoration{
box-shadow:0 0 0 1px #888
}

decoration:backdrop{
box-shadow:0 0 0 1px #606
}

*{
font-family:monospace;
font-size:16px;
border-radius:0;
box-shadow:none;
color:inherit;
transition-duration:0;
transition-delay:0;
}

menu *:hover,
*:selected,
*:selected:focus{
background-color:darkslateblue;
color:inherit
}

button,
* button{
padding:0 3px;
border-color:#555;
background:#2e3436;
color:white
}

* header,
* headerbar{
background:#2e3436;
border:0;
min-height:0;
padding:0
}

* headerbar,
headerbar *{
min-height:0;
margin:0;
border:0;
font-weight:normal
}

header *{
padding-top:0;
padding-bottom:0;
min-height:0;
font-weight:normal
}

entry{
background:inherit
}

headerbar entry{
padding:0 8px;
background:#555
}

.tile:not *{
background:#f00
}

.tile{
background:lightgray
}

progressbar *{
background:none;
}

progressbar progress{
background-color:#606;
min-height:1px;
border:none
}

dima1981
() автор топика
Ответ на: комментарий от dima1981

Во-первых, на этот раз я таки посмотрел твой код в Ubuntu 16.10. Действительно, отлично выглядит. Мне очень понравилось!
Но все же, не могу удержаться, поделюсь, как-то оно в Арче https://u.teknik.io/ZbRP0.png
Gnome 3.22 %)

p.s. !, код из предыдущего коммента отработал с arch linux нормально, только ни одной рамки не было, оттого-то я сказал.

Deleted
()
Ответ на: комментарий от Deleted

может из за того что я не могу приложения которые у тебя на скрине оттестить?

ты уверен что именно последний код прописывал? и да, в settings.ini

[Settings]
gtk-fallback-icon-theme=gnome
gtk-icon-theme-name=gnome
gtk-application-prefer-dark-theme=1
gtk-font-name=Sans 12
gtk-xft-antialias=1
gtk-xft-hinting=1

может из за этого?

я такую тему имею щас, хотя цвет декорации 606 что то не охти, думаю этот использовать e95420

$gnome-www-browser --version Web 3.23.92

dima1981
() автор топика
Ответ на: комментарий от Deleted

только ни одной рамки не было

а вот насчет этого совсем не могу понять каким образом в арче это устроенно и почему так, в последнем css нет ни одного transparent а на скрине у тебя именно этот параметр фон некоторых элементов имеет. наверное действительно что то в арче или приложениях не так

dima1981
() автор топика
Ответ на: комментарий от dima1981

Вот твоя ошибка

 *{
background:none;
}
Находится в конце стиля и все переопределяет. Теперь уже я не понимаю, а как же оно в убунту-то?..

И, кстати, а что это за конструкции *, * и , *, одной звездочки достаточно — выбирает все элементы, разве нет?

p.s. Знаешь, что мне больше всего понравилось? Ровные углы и мягкие тонкие рамки у кнопок и слайдеров. О, ня!..

Deleted
()
Ответ на: комментарий от Deleted

что это за конструкции *, * и , *

наверное вложенность элементов. например * header и header *, это стили для разных элементов. если вместо * header использовать header то вроде не работает, я бы не делал так если бы работало без *

dima1981
() автор топика

финал.

tooltip,
tooltip *{
padding:0;
margin:0
}

decoration{
box-shadow:0 0 0 1px #888
}

decoration:backdrop{
box-shadow:0 0 0 1px #e95420
}

*{
font-family:monospace;
font-size:16px;
border-radius:0;
box-shadow:none;
color:#f9f9f9;
transition-duration:0;
transition-delay:0;
}

button{
padding:0 2px;
border-color:#555;
background:#2e3436;
color:white
}

* header,
* headerbar{
background:#2e3436;
border:0;
min-height:0;
padding:0
}

* headerbar,
headerbar *{
min-height:0;
margin:0;
border:0;
font-weight:normal
}

header *{
border:0;
padding-top:0;
padding-bottom:0;
min-height:0;
font-weight:normal;
margin:0
}

entry{
background:inherit
}

headerbar entry{
padding:0 8px;
background:#555
}

progressbar *{
background:none
}

progressbar progress{
background-color:lime;
min-height:1px;
border:none
}

dima1981
() автор топика
Ответ на: комментарий от dima1981

все, готово. одно только не понятно, нафика делать для некоторых приложений, например gedit, уникальные обозначения элементов интерфейса, когда есть дефолтные обозначения тех же элементов.

надеюсь при переходе на gtk4, в css gnome отойдут от этой практики.

*{
font-family:monospace;
font-size:16px;
border-radius:0;
box-shadow:none;
color:#f8f8f8;
transition-duration:0;
transition-delay:0;
animation:none
}

tabs label {
margin:0 5px;
padding:0 5px
}

tooltip,
tooltip *{
padding:0;
margin:0
}

decoration{
box-shadow:0 0 0 1px #888
}

decoration:backdrop{
box-shadow:0 0 0 1px #e95420
}

button{
padding:0 2px;
border-color:#555;
background:#2e3436
}

* header,
* headerbar{
background:#2e3436;
border:0;
min-height:0;
padding:0
}

* headerbar,
headerbar *{
min-height:0;
margin:0;
border:0;
font-weight:normal
}

header *{
border:0;
padding:0;
min-height:0;
font-weight:normal;
margin:0
}

spinner,
spinner:checked:backdrop{
opacity:0;
}

entry{
background:inherit
}

headerbar entry{
padding:0 8px;
background:#555
}

progressbar *{
background:none
}

progressbar progress{
background-color:#e95420;
min-height:1px;
border:none
}

dima1981
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.