Genel
Authored by Emin Fedar 💻

GTK CSS Widgets List

GTK3 CSS Widgets List.

Widget:

CSS GTK Sub-Nodes
actionbar GtkActionBar -
button GtkButton -
calendar GtkActionBar -
checkbutton GtkCheckButton checkbutton
├─ check
╰─ <child>
combobox GtkComboBox Button:
combobox
├── box.linked
│ ╰── button.combo
│  ╰── box
│   ├── cellview
│   ╰──arrow
╰── window.popup

Entry:
combobox
├── box.linked
│ ├── entry.combo
│ ╰── button.combo
│  ╰── box
│   ╰── arrow
╰── window.popup
entry GtkEntry entry[.read-only][.flat][.warning][.error]
├── image.left
├── image.right
├── undershoot.left
├── undershoot.right
├── [selection]
├── [progress[.pulse]]
╰── [window.popup]
flowbox GtkFlowBox flowbox
├── flowboxchild
│ ╰── <child>
├── flowboxchild
│ ╰── <child>

╰── [rubberband]
frame GtkFrame frame
├── border[.flat]
├── <label widget>
╰── <child>
headerbar GtkHeaderBar -
iconview GtkIconView iconview.view
╰── [rubberband]
label GtkLabel label
├── [selection]
├── [link]

╰── [link]
levelbar GtkLevelBar levelbar[.discrete]
╰── trough
 ├── block.filled.level-name
 ┊
 ├── block.empty
 ┊
menu GtkMenu menu
├── arrow.top
├── <child>

├── <child>
╰── arrow.bottom
menubar GtkMenubar -
notebook GtkNotebook notebook
├── header.top
│ ├── [<action widget>]
│ ├── tabs
│ │ ├── [arrow]
│ │ ├── tab
│ │ │ ╰── <tab label>
┊ ┊ ┊
│ │ ├── tab[.reorderable-page]
│ │ │ ╰── <tab label>
│ │ ╰── [arrow]
│ ╰── [<action widget>]

╰── stack
  ├── <child>
  ┊
  ╰── <child>
paned GtkPaned paned
├── <child>
├── separator[.wide]
╰── <child>
placessidebar GtkPlacesSidebar -
popover GtkPopover -
progressbar GtkProgressBar progressbar[.osd]
├── [text]
╰── trough[.empty][.full]
 ╰── progress[.pulse]
radiobutton GtkRadioButton radiobutton
├── radio
╰── <child>
scale GtkScale scale[.fine-tune][.marks-before][.marks-after]
├── marks.top
│ ├── mark
│ ┊  ├── [label]
│ ┊  ╰── indicator
┊ ┊
│ ╰── mark
├── [value]
├── contents
│ ╰── trough
│   ├── slider
│   ├── [highlight]
│   ╰── [fill]
╰── marks.bottom
  ├── mark
  ┊  ├── indicator
  ┊  ╰── [label]
  ╰── mark
scrollbar GtkScrollBar scrollbar[.fine-tune]
╰── contents
 ├── [button.up]
 ├── [button.down]
 ├── trough
 │ ╰── slider
 ├── [button.up]
 ╰── [button.down]
scrolledwindow GtkScrolledWindow scrolledwindow
├── overshoot.left
├── undershoot.left
├── overshoot.right
├── undershoot.right
├── overshoot.top
├── undershoot.top
├── overshoot.bottom
├── undershoot.bottom
├── viewport.frame
│ ╰── <child>
├── scrollbar.right.vertical.overlay-indicator
╰── scrollbar.bottom.horizontal.overlay-indicator
searchbar GtkSearchBar -
separator GtkSeparator -
spinbutton GtkSpinButton Horizontal:
spinbutton.horizontal
├── undershoot.left
├── undershoot.right
├── entry
│ ╰── ...
├── button.down
╰── button.up

Vertical:
spinbutton.vertical
├── undershoot.left
├── undershoot.right
├── button.up
├── entry
│ ╰── ...
╰── button.down
spinner GtkSpinner -
stack GtkStack -
stacksidebar GtkStackSidebar -
stackswitcher GtkStackSwitcher -
switch GtkSwitch switch
╰── slider
textview GtkTextView treeview.view
├── header
│ ├── <column header>
┊ ┊
│ ╰── <column header>

╰── [rubberband]
toolbar GtkToolbar -
toolpalette GtkToolPalette -

Window:

CSS GTK Sub-Nodes
dialog GtkDialog dialog.background
├── decoration
├── <titlebar child>.titlebar [.default-decoration]
╰── <child>
messagedialog GtkMessageDialog messagedialog.background
├── decoration
╰── <child>
window GtkWindow window.background
├── decoration
├── <titlebar child>.titlebar [.default-decoration]
╰── <child>
Edited
5.41 KB
  • Thank you for this list! Can you make a video about it for youtube? I can get you some likes from here https://soclikes.com/ if you make it

  • Great code, the author is handsome! It seemed to me that you have it too detailed and from this large in size, I think you can reduce it at least twice if you use pseudo-classes and identifiers, for example, I generally recommend watching a video on YouTube on how to shorten any code by almost five times and not cut it its functionality, unfortunately I don't remember the name of this video, but I do remember that it had about 27 thousand views! I am sure that the author of this video used services of https://viplikes.net/ to quickly increase the number of views.

Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment