Guest User

gtk3.css

a guest
Apr 5th, 2021
56
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import 'colors.css';
  2. /* Custom styles */
  3.  
  4. /* select-on */
  5. @define-color selected_bg_color #5d86c5;
  6. @define-color selected_fg_color #ffffff;
  7. @define-color theme_selected_bg_color @selected_bg_color;
  8. @define-color theme_selected_fg_color @selected_fg_color;
  9. /* select-on */
  10.  
  11. /* panel-on */
  12. @define-color panel_bg_color #eaeaea;
  13. @define-color panel_fg_color #000000;
  14.  
  15.  
  16.  
  17.  
  18. PanelWidget,
  19. PanelApplet,
  20. PanelToplevel,
  21. PanelSeparator,
  22. PanelApplet > GtkMenuBar.menubar,
  23. PanelApplet > GtkMenuBar.menubar.menuitem,
  24. PanelApplet > menubar,
  25. PanelApplet > menubar.menuitem,
  26. PanelApplet > menubar menuitem,
  27. PanelMenuBar.menubar,
  28. PanelMenuBar.menubar.menuitem,
  29. PanelMenuBar.menubar menuitem,
  30. PanelAppletFrame,
  31. UnityPanelWidget,
  32. .gnome-panel-menu-bar,
  33. .unity-panel,
  34. .xfce4-panel,
  35. .xfce4-panel.background {
  36.     background-color: @panel_bg_color;
  37.     background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,0.8)));
  38.     color: @panel_fg_color;
  39. }
  40.  
  41. .unity-panel.menuitem,
  42. .unity-panel .menuitem,
  43. .unity-panel menuitem {
  44.     color: @panel_fg_color;
  45. }
  46.  
  47. .unity-panel.menubar.menuitem:hover,
  48. .unity-panel.menubar .menuitem *:hover,
  49. .unity-panel.menubar menuitem *:hover {
  50.     border-color: shade(@panel_bg_color, 0.7);
  51.     border-image: none;
  52.     background-color: shade(@panel_bg_color, 0.97);
  53.     background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color, 0.97)),to(shade(@panel_bg_color, 0.82)));
  54.     color: @panel_fg_color;
  55. }
  56.  
  57. PanelApplet .button,
  58. PanelApplet button,
  59. .xfce4-panel .button,
  60. .xfce4-panel button {
  61.     border-color: transparent;
  62.     border-image: none;
  63.     background-color: transparent;
  64.     color: @panel_fg_color;
  65.     box-shadow: none;
  66.     text-shadow: none;
  67.     -unico-inner-stroke-width: 0;
  68. }
  69.  
  70. PanelApplet .button:active,
  71. PanelApplet button:active,
  72. .xfce4-panel .button:active,
  73. .xfce4-panel button:active {
  74.     border-color: shade(@panel_bg_color,0.8);
  75.     border-image: none;
  76.     background-color: shade(shade(@panel_bg_color,1.02),0.9);
  77.     background-image: -gtk-gradient(linear,left top,left bottom,from(shade(shade(@panel_bg_color,1.02),0.9)),to(shade(shade(@panel_bg_color,1.02),0.95)));
  78.     color: @panel_fg_color;
  79.     box-shadow: none;
  80.     text-shadow: none;
  81.     -unico-inner-stroke-width: 0;
  82. }
  83.  
  84. PanelApplet .button:hover,
  85. PanelApplet button:hover,
  86. .xfce4-panel .button:hover,
  87. .xfce4-panel button:hover {
  88.     border-color: transparent;
  89.     border-image: none;
  90.     background-color: shade(@panel_bg_color,1.2);
  91.     background-image: -gtk-gradient(linear,left top,left bottom,from(shade(@panel_bg_color,1.2)),to(shade(@panel_bg_color,1.0)));
  92.     color: @panel_fg_color;
  93.     box-shadow: none;
  94.     text-shadow: none;
  95.     -unico-inner-stroke-width: 0;
  96. }
  97.  
  98. PanelApplet .button:active:hover,
  99. PanelApplet button:active:hover,
  100. .xfce4-panel .button:active:hover,
  101. .xfce4-panel button:active:hover {
  102.     border-color: shade(@panel_bg_color,0.8);
  103.     border-image: none;
  104.     background-color: shade(shade(@panel_bg_color,1.02),1.0);
  105.     background-image: -gtk-gradient(linear,left top,left bottom,from(shade(shade(@panel_bg_color,1.02),1.0)),to(shade(shade(@panel_bg_color,1.02),1.05)));
  106.     color: @panel_fg_color;
  107.     box-shadow: none;
  108.     text-shadow: none;
  109.     -unico-inner-stroke-width: 0;
  110. }
  111.  
  112. WnckPager,
  113. WnckTasklist {
  114.     background-color: @panel_bg_color;
  115. }
  116.  
  117. /* panel-on */
  118.  
  119. /* menu-on */
  120. @define-color menu_bg_color #eaeaea;
  121. @define-color menu_fg_color #000000;
  122.  
  123. GtkTreeMenu.menu,
  124. GtkMenuToolButton.menu,
  125. GtkComboBox .menu,
  126. GtkComboBox menu {
  127.     background-color: @menu_bg_color;
  128.     background-image: none;
  129. }
  130.  
  131. .primary-toolbar .button .menu,
  132. .primary-toolbar button menu,
  133. .toolbar .menu,
  134. toolbar menu,
  135. .toolbar .primary-toolbar .menu,
  136. toolbar .primary-toolbar menu,
  137. .menu,
  138. menu,
  139. #toolbar-popup {
  140.     border-style: none;
  141.     background-image: none;
  142.     background-color: @menu_bg_color;
  143.     background-image: none;
  144.     color: @menu_fg_color;
  145.     box-shadow: none;
  146.     text-shadow: none;
  147.     -unico-inner-stroke-width: 0;
  148. }
  149.  
  150. .menu.button:hover,
  151. menu.button:hover,
  152. .menu.button:active,
  153. menu.button:active,
  154. .menu.button:active:disabled,
  155. menu.button:active:disabled,
  156. .menu.button:disabled,
  157. menu.button:disabled,
  158. .menu.button,
  159. menu.button {
  160.     background-color: @menu_bg_color;
  161.     background-image: none;
  162. }
  163.  
  164. GtkTreeMenu .menuitem *,
  165. GtkTreeMenu menuitem * {
  166.     color: @menu_fg_color;
  167. }
  168.  
  169. .menuitem,
  170. menuitem,
  171. .menu .menuitem,
  172. menu menuitem {
  173.     background-color: transparent;
  174.     background-image: none;
  175. }
  176.  
  177. .menu .menuitem:active,
  178. menu menuitem:active,
  179. .menu .menuitem:hover,
  180. menu menuitem:hover {
  181.     background-color: @theme_selected_bg_color;
  182.     background-image: none;
  183. }
  184.  
  185. .menuitem.check,
  186. menuitem.check,
  187. .menuitem.radio,
  188. menuitem.radio,
  189. .menuitem.check:hover,
  190. menuitem.check:hover,
  191. .menuitem.radio:hover,
  192. menuitem.radio:hover,
  193. .menuitem.check:active,
  194. menuitem.check:active,
  195. .menuitem.radio:active,
  196. menuitem.radio:active {
  197.     background-color: transparent;
  198.     background-image: none;
  199. }
  200.  
  201. .menu .menuitem:disabled,
  202. menu menuitem:disabled,
  203. .menu .menuitem *:disabled,
  204. menu menuitem *:disabled {
  205.     color: mix(@menu_fg_color,@menu_bg_color,0.5);
  206. }
  207.  
  208. .menuitem.arrow,
  209. menuitem.arrow {
  210.     color: alpha(@menu_fg_color, 0.6);
  211. }
  212.  
  213. .menuitem .entry,
  214. menuitem entry {
  215.     border-color: shade(@menu_bg_color,0.7);
  216.     border-image: none;
  217.     background-color: @menu_bg_color;
  218.     background-image: none;
  219.     color: @menu_fg_color;
  220. }
  221.  
  222. .menuitem .accelerator,
  223. menuitem accelerator {
  224.     color: alpha(@menu_fg_color,0.6);
  225. }
  226.  
  227. .menuitem .accelerator:disabled,
  228. menuitem accelerator:disabled {
  229.     color: alpha(mix(@menu_fg_color,@menu_bg_color,0.5),0.6);
  230.     text-shadow: none;
  231. }
  232.  
  233. .menuitem.separator,
  234. menuitem.separator {
  235.     background-color: transparent;
  236.     background-image: none;
  237.     color: shade(@menu_bg_color, 0.9);
  238. }
  239.  
  240. .menuitem GtkCalendar,
  241. menuitem calendar,
  242. .menuitem GtkCalendar.button,
  243. menuitem calendar.button,
  244. .menuitem GtkCalendar.header,
  245. menuitem calendar.header,
  246. .menuitem GtkCalendar.view,
  247. menuitem calendar.view {
  248.     border-color: shade(@menu_bg_color,0.8);
  249.     border-image: none;
  250.     background-color: @menu_bg_color;
  251.     background-image: none;
  252.     color: @menu_fg_color;
  253. }
  254.  
  255. .menuitem GtkCalendar:indeterminate,
  256. menuitem calendar:indeterminate {
  257.     color: mix(@menu_fg_color,@menu_bg_color,0.5);
  258. }
  259.  
  260.  
  261. GtkButton::default_border={0,0,0,0}
  262. GtkButton::default_outside_border={0,0,0,0}
  263. GtkButtonBox::child_min_width=0
  264. GtkButtonBox::child_min_heigth=0
  265. GtkButtonBox::child_internal_pad_x=0
  266. GtkButtonBox::child_internal_pad_y=0
  267. GtkMenu::vertical-padding=0
  268. GtkMenuBar::internal_padding=0
  269. GtkMenuItem::horizontal_padding=2
  270. GtkToolbar::internal-padding=0
  271. GtkToolbar::space-size=0
  272. GtkOptionMenu::indicator_size=0
  273. GtkOptionMenu::indicator_spacing=0
  274. GtkPaned::handle_size=4
  275. GtkRange::trough_border=0
  276. GtkRange::stepper_spacing=0
  277. GtkBox::value_spacing=0
  278. GtkBox::row_spacing=0
  279. GtkScrolledWindow::scrollbar_spacing=0
  280. GtkTreeView::vertical-separator=0
  281. GtkTreeView::horizontal-separator=0
  282. GtkTreeView::fixed-height-mode=TRUE
  283. GtkWidget::focus_padding=0
  284. GtkScale::value_row-spacing=0
  285. GtkTable::row-spacing=0
  286. GtkGrid::row-spacing=0
  287. GtkScale::row-spacing=0
  288. /* menu-on */
  289.  
  290. /* End custom styles */
  291. .window-frame {
  292.   box-shadow: none;
  293.   margin: 0;
  294. }
  295.  
  296.  
  297.  
  298.  
RAW Paste Data