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

0

1

weston, wayland.

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

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

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

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

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

Ссылка

←	Создание технических иллюстраций в AzPainter

Электрогитарные эксперименты в OSX

→

← 1 2 →

Ответ на: комментарий от peregrine 04.03.17 23:51:45 MSK

Окошки

так везде они вроде

~~dima1981~~ ★
(05.03.17 15:57:19 MSK) автор топика

Ответ на: комментарий от dima1981 05.03.17 15:57:19 MSK

Рамка, меню и т.д. мне очень не нравятся.

peregrine ★★★★★
(06.03.17 00:23:26 MSK)

Ответ на: комментарий от peregrine 06.03.17 00:23:26 MSK

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

~~dima1981~~ ★
(06.03.17 10:41:46 MSK) автор топика

Ссылка

Ответ на: комментарий от dima1981 04.03.17 22:50:23 MSK

конфиг сего, без теней

Предлагаю так

* {
	box-shadow: 0 0 1px 1px black;
}

Deleted
(07.03.17 19:20:23 MSK)

Ответ на: комментарий от Deleted 07.03.17 19:20:23 MSK

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

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~~ ★
(13.03.17 09:40:02 MSK) автор топика

Ответ на: комментарий от dima1981 13.03.17 09:40:02 MSK

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

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

Deleted
(13.03.17 18:12:40 MSK)

Ответ на: комментарий от Deleted 13.03.17 18:12:40 MSK

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

ты уверен что именно последний код прописывал? и да, в 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~~ ★
(13.03.17 23:37:42 MSK) автор топика

Ссылка

Ответ на: комментарий от Deleted 13.03.17 18:12:40 MSK

https://s18.postimg.org/nu6v7tffr/wayland_screenshot.png

~~dima1981~~ ★
(13.03.17 23:41:38 MSK) автор топика

Ссылка

Ответ на: комментарий от Deleted 13.03.17 18:12:40 MSK

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

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

~~dima1981~~ ★
(14.03.17 00:16:13 MSK) автор топика

Ответ на: комментарий от dima1981 14.03.17 00:16:13 MSK

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

 *{
background:none;
}

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

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

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

Deleted
(14.03.17 04:42:23 MSK)

Ответ на: комментарий от Deleted 14.03.17 04:42:23 MSK

ага, круто смотрится.

но в этих стилях допилил тему в weston (теперь не про софт) (комментарий) нет none

~~dima1981~~ ★
(14.03.17 04:45:06 MSK) автор топика

Ссылка

Ответ на: комментарий от Deleted 14.03.17 04:42:23 MSK

в этих допилил тему в weston (теперь не про софт) (комментарий) кстати тоже нету такого в *, не знай откуда ты взял это, сорян у меня в стилях.

~~dima1981~~ ★
(14.03.17 04:47:14 MSK) автор топика

Ссылка

Ответ на: комментарий от Deleted 14.03.17 04:42:23 MSK

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

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

~~dima1981~~ ★
(14.03.17 04:58:11 MSK) автор топика

Ссылка

финал.

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~~ ★
(14.03.17 08:19:10 MSK) автор топика

Ответ на: комментарий от dima1981 14.03.17 08:19:10 MSK

все, готово. одно только не понятно, нафика делать для некоторых приложений, например 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~~ ★
(15.03.17 04:35:30 MSK) автор топика