paster10p

gtk.css

Aug 30th, 2025
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.17 KB | Source Code | 0 0
  1. /* write this into your .config/gtk-3.0/gtk.css, you might modify the colors a bit to look better with your destkop */
  2.  
  3. #whiskermenu-button {
  4.   background-color: transparent;
  5. }
  6.  
  7. #whiskermenu-window * {
  8.   border: 0px #000 solid;
  9.   outline: none;
  10.   overflow: auto;
  11. }
  12.  
  13. window#whiskermenu-window box {
  14.   padding: 5px;
  15. }
  16.  
  17. @keyframes appearFromBottom {
  18.   from {
  19.     opacity: 0;
  20.     transform: translateY(20px);
  21.   }
  22.   to {
  23.     opacity: 1;
  24.     transform: translateY(0);
  25.   }
  26. }
  27.  
  28. #whiskermenu-window {
  29.   background-color: rgba(28, 28, 28, 0.9);
  30.   color: #ccc;
  31.   border-radius: 0px 15px 0px 0px;
  32.   padding: 20px;
  33.   opacity: 0;
  34.   transform: translateY(20px);
  35.   display: none;
  36.   animation: appearFromBottom 0.5s ease-out forwards;
  37. }
  38.  
  39. #whiskermenu-window scrollbar {
  40.   background: transparent;
  41. }
  42.  
  43. #whiskermenu-window entry {
  44.   background-color: rgba(28, 28, 28, 0.9);
  45.   color: #7b7b7b;
  46.   border-radius: 10px;
  47. }
  48.  
  49. #whiskermenu-window entry:focus {
  50.   background-color: rgba(28, 28, 28, 0.9);
  51.   color: #7b7b7b;
  52.   border-radius: 10px;
  53.   border: none;
  54.   outline: none;
  55.   box-shadow: none;
  56. }
  57.  
  58. #whiskermenu-window button {
  59.   background-color: rgba(25, 25, 25, 1.0);
  60.   color: #9a9a9a;
  61.   margin: 0px;
  62.   margin-right: 0px;
  63.   border-radius: 6px;
  64.   background-image: none;
  65.   font-weight: normal;
  66. }
  67.  
  68. #whiskermenu-window treeview {
  69.   background-color: rgba(28, 28, 28, 0);
  70.   color: #ccc;
  71.   background-image: none;
  72.   outline-color: #F00;
  73. }
  74.  
  75. #whiskermenu-window button:focus,
  76. #whiskermenu-window button:hover,
  77. #whiskermenu-window button:active,
  78. #whiskermenu-window button:selected,
  79. #whiskermenu-window treeview:selected,
  80. #whiskermenu-window treeview:hover,
  81. #whiskermenu-window treeview:active,
  82. #whiskermenu-window treeview:focus {
  83.   background-color: #2B2D23;
  84.   color: #bdbdbd;
  85.   transition: 200ms;
  86. }
  87.  
  88. #whiskermenu-window button:active {
  89.   background: #2B2D23;
  90. }
  91.  
  92. #whiskermenu-window treeview:focus {
  93.   background: transparent;
  94. }
  95.  
  96. #whiskermenu-window iconview {
  97.   background: transparent;
  98.   border-radius: 4px;
  99.   font-family: "Nunito";
  100.   color: #9a9c91;
  101.   font-size: small;
  102.   padding-top: 2px;
  103. }
  104.  
  105. #whiskermenu-window iconview:hover,
  106. #whiskermenu-window iconview:selected {
  107.   background: rgba(255, 255, 255, 0.086);
  108. }
  109.  
  110. #whiskermenu-window .frame:nth-child(1),
  111. #whiskermenu-window .frame:nth-child(2),
  112. #whiskermenu-window .frame:nth-child(3),
  113. #whiskermenu-window .frame:nth-child(4),
  114. #whiskermenu-window .frame:nth-child(5),
  115. #whiskermenu-window .frame:nth-child(6) {
  116.   background: rgba(48, 48, 46, 0.35);
  117.   border-radius: 8px;
  118. }
  119.  
  120. window#whiskermenu-window box widget {
  121.   color: transparent;
  122. }
  123.  
  124. #whiskermenu-button {
  125.   background-color: #26221e;
  126.   color: #FFFFFF;
  127.   font-family: "Ubuntu Bold", sans-serif;
  128.   font-size: 14px;
  129.   padding-left: 15px;
  130.   padding-right: 20px;
  131.   border-radius: 10px;
  132.   border: 1px solid #78695d;
  133.   transition: background-color 0.1s ease;
  134. }
  135.  
  136. #whiskermenu-button:hover {
  137.   background-color: #2b2b2b;
  138.   color: #FFFFFF;
  139.   font-family: "Ubuntu Bold", sans-serif;
  140.   font-size: 14px;
  141.   padding-left: 15px;
  142.   padding-right: 20px;
  143.   border-radius: 10px;
  144. }
  145.  
  146. #whiskermenu-button:active {
  147.   background-color: #a1a1a1;
  148. }
  149.  
Tags: CSS gtk-css
Advertisement
Add Comment
Please, Sign In to add comment