вторник, 15 октября 2013 г.

gtk-3.0 - Cherry-Gold-mini.

    Установил тему 'GnomishGray', но открыв программу 'Дисковая утилита' не смог в ней ничего прочитать, текст сливается с фоном. Решил это исправить, в результате получилась своя мини тема в вишневых цветах 'Ubuntu' на 5 кБ или 125 строк. Этого достаточно для меню, диалоговых окон, файлового менеджера и части программ, но не всех, поэтому в планах расширить тему до 200-300 строк.


Нажмите на изображение, чтобы его увеличить.




/***********************
Cherry-Gold-mini/gtk-3.0
based on Adwaita/gtk-3.0
http://evgex.blogspot.ru
gtk.css 15.10.2013 EvgeX
************************/

/* Цвета темы #RGB */

@define-color base_a #915;            /* base_a #915; base_b #412; letter #f57; - Cherry-Gold */
@define-color base_b #412;            /* base_a #f51; base_b #000; letter #f70; - Orange-Gold */
@define-color letter #f57;            /* base_a #a73; base_b #521; letter #9f9; - Chocco-Gold */
/* Золотистые цвета */
@define-color gold_a #fc8;
@define-color gold_b #851;

/* Общие параметры темы */
* {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@base_a), to (@base_b));/* Цвет темы */
        color: @gold_a;               /* Цвет текста */
        text-shadow: 1 1 @gold_b;     /* Тень справа и внизу */
}
*:active {
        background-color: @gold_a;    /* Выбранный значок MIME в Nautilus*/
        color: @gold_b;               /* Подпись выбранного пункта в адресной строке и нажатой кнопки */
        text-shadow: 1 1 @gold_a;     /* Тень справа и внизу */
}
*:insensitive {
        color: @base_a;               /* Отключенные строки меню */
        text-shadow: 1 1 @base_b;     /* Тень справа и внизу */
}
*:selected {
        background-color: @base_a;    /* Выбранный значок папки в Nautilus*/
        color: @letter;               /* Подпись выбранного значка, число в календаре */
}

/****************************************************************************************/

/* Кнопка */
.button {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_b), to (@gold_a));
        border-radius: 10px;
}
/* Кнопка выделенная по умолчанию */
.button.default {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_a), to (@gold_b));
        border-radius: 10px;
}
/* Кнопка под наведенным указателем или выбранная в адресной строке */
.button:active,
.button:hover {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_a), to (@gold_b));
        border-color: @gold_a;
        border-style:solid;
        border-width: 2px;
        border-radius: 10px;
}
/* Активная кнопка check - выбор да или нет */
.check:active {
        background-image: -gtk-gradient (linear, 0 0, 1 1, from (#fff), to (@base_a));
}
/* Не выбранная кнопка check */
.check,
.check:insensitive {
        background-image: -gtk-gradient (linear, 0 0, 1 1, from (#000), to (@base_a));
}
/* Меню или строка меню под наведенным указателем */
.menuitem:prelight,
.menubar.menuitem:prelight {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_b), to (@gold_a));
        color: @base_b;
        text-shadow: 1 1 @gold_a;
        border-radius: 3px;
}
/* Страница с ярлычком */
.notebook {
        border-color: @gold_a;
        border-style:solid;
        border-width: 1px;
}
/* Ярлычок активной страницы */
.notebook tab:active {
        background-color: @gold_a;
        border-width: 12px;
}
/* Панель выполнения */
.progressbar {
        background-image: -gtk-gradient (linear, 0 0, 1 1, from (@gold_a), to (@gold_b));
        border-radius: 10px;
}
/* Строка списка под наведенным указателем */
row:hover {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_b), to (@gold_a));
        color: @base_b;
        text-shadow: 1 1 @gold_a;
        border-radius: 3px;
}
/* Выбранная строка списка */
row:selected {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_a), to (@gold_b));
        color: @base_b;
        text-shadow: 1 1 @gold_a;
}
/* Активная кнопка radio - выбор между двумя или более параметрами */
.radio:active {
        background-image: -gtk-gradient (linear, 0 0, 1 1, from (#fff), to (@base_a));
        border-radius: 10px;
}
/* Не выбранная кнопка radio */
.radio,
.radio:insensitive {
        background-image: -gtk-gradient (linear, 0 0, 1 1, from (#000), to (@base_a));
        border-radius: 10px;
}
/* Фон и нажатая кнопка плюс или минус */
.spinbutton,
.spinbutton.button:active {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@base_b), to (@gold_b));
}
/* Не выбранная кнопка плюс или минус */
.spinbutton.button {
        background-image: -gtk-gradient (linear, 0 0, 1 1, from (@gold_b), to (@gold_a));
}
/* Ползунок - выкл */
.trough {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_b), to (@gold_a));
}
/* Ползунок - вкл */
.trough:active {
        background-image: -gtk-gradient (linear, 0 0, 0 1, from (@gold_a), to (@gold_b));
}








Комментариев нет:

Отправить комментарий