gtk: Change comment style of heading
I don't like the "box in" comment style.
I don't like the "box in" comment style.
by roundabout, Friday, 24 July 2020, 02:21:54 (1595557314), pushed by roundabout, Sunday, 11 May 2025, 13:22:53 (1746969773)
Author identity: nana-4 <hnmaigo@gmail.com>
75e36472be8fa615a5dfe8f011489511fb5b28cd
}
}
/***************
* Base States *
***************/
/**
* Base States
*/
.background {
background-color: $background;
// opacity: .9;
}
/*********************
* Spinner Animation *
*********************/
/**
* Spinner Animation
*/
@keyframes spin {
to {
}
}
/****************
* Text Entries *
****************/
/**
* Text Entries
*/
%entry,
entry {
}
}
/***********
* Buttons *
***********/
/**
* Buttons
*/
// stuff for .needs-attention
@keyframes needs-attention {
}
}
/*********
* Links *
*********/
/**
* Links
*/
*:link {
color: $primary;
}
}
/*****************
* GtkSpinButton *
*****************/
/**
* GtkSpinButton
*/
spinbutton {
&:not(.vertical) {
}
}
/**************
* ComboBoxes *
**************/
/**
* ComboBoxes
*/
combobox {
arrow {
}
}
/************
* Toolbars *
************/
/**
* Toolbars
*/
toolbar {
-GtkWidget-window-dragging: true;
padding: $container-padding;
}
/***************
* Header bars *
***************/
/**
* Header bars
*/
.titlebar {
transition: background-color $duration $ease-out, color $duration $ease-out;
window.devel .titlebar:not(.selection-mode) {
}
/************
* Pathbars *
************/
/**
* Pathbars
*/
%pathbar_button,
.path-bar.linked:not(.vertical) > button {
}
}
/**************
* Tree Views *
**************/
/**
* Tree Views
*/
treeview.view {
@at-root * {
}
}
/*********
* Menus *
*********/
/**
* Menus
*/
menubar,
.menubar {
}
}
/************
* Popovers *
************/
/**
* Popovers
*/
popover.background {
transition: $transition-shadow;
}
}
/*************
* Notebooks *
*************/
/**
* Notebooks
*/
notebook {
frame > paned > & > header,
}
}
/**************
* Scrollbars *
**************/
/**
* Scrollbars
*/
scrollbar {
$_slider_min_length: 24px;
}
/**********
* Switch *
**********/
/**
* Switch
*/
switch {
transition: all $duration $ease-out;
}
}
/*************************
* Check and Radio items *
*************************/
/**
* Check and Radio items
*/
// draw regular check and radio items using our PNG assets
// all assets are rendered from assets.svg. never add pngs directly
border-image: none;
}
/************
* GtkScale *
************/
/**
* GtkScale
*/
scale {
// sizing
}
}
/*****************
* Progress bars *
*****************/
/**
* Progress bars
*/
progressbar {
// sizing
}
}
/*************
* Level Bar *
*************/
/**
* Level Bar
*/
levelbar {
&.horizontal {
}
}
/****************
* Print dialog *
*****************/
/**
* Print dialog
*/
printdialog {
paper {
}
}
/**********
* Frames *
**********/
/**
* Frames
*/
frame > border,
.frame {
background-color: transparent;
}
/*********
* Lists *
*********/
/**
* Lists
*/
list {
border-color: $divider;
}
}
/*********************
* App Notifications *
*********************/
/**
* App Notifications
*/
.app-notification {
// @extend %osd;
}
}
/*************
* Expanders *
*************/
/**
* Expanders
*/
expander {
title > arrow {
}
}
/************
* Calendar *
************/
/**
* Calendar
*/
calendar {
padding: 1px;
}
}
/***********
* Dialogs *
***********/
/**
* Dialogs
*/
messagedialog { // Message Dialog styling
&.background {
// box-shadow: none;
}
/***********
* Sidebar *
***********/
/**
* Sidebar
*/
.sidebar {
border-style: none;
}
}
/****************
* File chooser *
****************/
/**
* File chooser
*/
// dim the sidebar icons, see bug #786613 for details on this oddity
row image.sidebar-icon {
}
}
/*********
* Paned *
*********/
/**
* Paned
*/
paned {
> separator {
}
}
/**************
* GtkInfoBar *
**************/
/**
* GtkInfoBar
*/
infobar {
border-style: none;
}
}
/************
* Tooltips *
************/
/**
* Tooltips
*/
tooltip {
&.background {
}
}
/*****************
* Color Chooser *
*****************/
/**
* Color Chooser
*/
colorswatch {
// This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one
}
}
/********
* Misc *
********/
/**
* Misc
*/
// content view (grid/list)
.content-view {
}
}
/**********************
* Window Decorations *
**********************/
/**
* Window Decorations
*/
decoration {
transition: $transition-shadow;
font-family: monospace;
}
/**********************
* Touch Copy & Paste *
**********************/
/**
* Touch Copy & Paste
*/
// touch selection handlebars for the Popover.osd above
cursor-handle {
padding: 0;
}
/*************
* App Icons *
*************/
/**
* App Icons
*/
// Outline for low res icons
.lowres-icon {
// -gtk-icon-shadow: none;
}
/*********
* Emoji *
*********/
/**
* Emoji
*/
popover.emoji-picker {
padding: 0;
// based css:
// https://github.com/solus-project/budgie-desktop/tree/master/src/theme
/******************
* Budgie Desktop *
******************/
/**
* Budgie Desktop
*/
// Container for both the "panel" area and the shadow. Wise to keep
// this transparent..
/************
* Nautilus *
************/
/**
* Nautilus
*/
// based css:
// https://gitlab.gnome.org/GNOME/nautilus/blob/master/src/resources/css/Adwaita.css
}
/*********
* gedit *
*********/
/**
* gedit
*/
// based css:
// https://gitlab.gnome.org/GNOME/gedit/blob/master/gedit/resources/css/gedit.adwaita.css
}
}
/**********
* Tweaks *
**********/
/**
* Tweaks
*/
// hard-coded css:
// https://gitlab.gnome.org/GNOME/gnome-tweaks/blob/master/data/shell.css
}
}
/***********
* Builder *
***********/
/**
* Builder
*/
// based css for 3.22:
// https://gitlab.gnome.org/GNOME/gnome-builder/tree/gnome-builder-3-22/data/theme
}
}
/**********
* Photos *
**********/
/**
* Photos
*/
// based css:
// https://gitlab.gnome.org/GNOME/gnome-photos/blob/master/data/Adwaita.css
}
}
/*********
* Music *
*********/
/**
* Music
*/
// hard-coded css:
// https://gitlab.gnome.org/GNOME/gnome-music/blob/master/data/application.css
}
}
/************
* Terminal *
************/
/**
* Terminal
*/
terminal-window notebook > header > box {
// Remove hard-coded margin around button(s)
}
}
/*********
* To Do *
*********/
/**
* To Do
*/
// less than 3.28
task-list-view {
}
}
/*******
* eog *
*******/
/**
* eog
*/
#eog-thumb-nav {
scrolledwindow.frame {
}
}
/*************
* Evolution *
*************/
/**
* Evolution
*/
frame.taskbar > border {
border-style: solid none none;
border-style: none;
}
/********
* gitg *
********/
/**
* gitg
*/
frame.commit-frame > border {
border-style: solid none none;
}
/**************
* Characters *
**************/
/**
* Characters
*/
box.dialog-vbox scrolledwindow.related {
border: 1px solid $divider;
background-image: image($base-alt);
}
/*********
* Boxes *
*********/
/**
* Boxes
*/
.transparent-bg + stack overlay > label {
min-height: 24px;
color: on($scrim);
}
/**********
* Evince *
**********/
/**
* Evince
*/
// Color is needed for Evince to match hardcoded background-color,
// since Documents app is also uses this style, background-color needs to be set accordingly.
color: on($primary);
}
/**********
* Polari *
**********/
/**
* Polari
*/
// hard-coded css:
// https://gitlab.gnome.org/GNOME/polari/blob/master/data/resources/application.css
background-color: rgba($primary, .5);
}
/***********
* Fractal *
***********/
/**
* Fractal
*/
.message-input-area button {
@extend %button-flat-activatable;
// based css:
// https://bazaar.launchpad.net/~lightdm-gtk-greeter-team/lightdm-gtk-greeter/trunk/view/head:/data/sample-lightdm-gtk-greeter.css
/************************
* LightDM GTK+ Greeter *
************************/
/**
* LightDM GTK+ Greeter
*/
// the panel widget at the top
#panel_window {
// based css:
// https://github.com/mate-desktop/mate-themes/blob/master/desktop-themes/Menta/gtk-3.0/mate-applications.css
/**************
* Mate-Panel *
**************/
/**
* Mate-Panel
*/
// first make all transparent
.mate-panel-menu-bar menubar,
}
}
/*********************
* CAJA File manager *
*********************/
/**
* CAJA File manager
*/
// pathbar toggle button
.caja-navigation-window box.horizontal > button.toggle.image-button {
}
}
/*********
* Pluma *
*********/
/**
* Pluma
*/
// Pluma status bar
.pluma-window statusbar {
}
}
/*********
* Atril *
*********/
/**
* Atril
*/
.atril-window paned.horizontal box.vertical {
.frame {
/*********
* Tilix *
*********/
/**
* Tilix
*/
overlay > revealer {
&.left > scrolledwindow.frame,
min-width: $small-size - 4px * 2;
}
/**************
* Terminator *
**************/
/**
* Terminator
*/
.terminator-terminal-window {
paned > separator {
}
}
/*************
* Ubitquity *
*************/
/**
* Ubitquity
*/
#live_installer .menubar progressbar trough {
border-radius: 4px; // Adjust to hard-coded progress border-radius
background-color: $titlebar-stroke-disabled;
}
/***********
* Eclipse *
***********/
/**
* Eclipse
*/
window.background > box.vertical > scrolledwindow > widget toolbar {
padding: 2px;
}
}
/*************
* FileZilla *
*************/
/**
* FileZilla
*/
window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget {
> entry {
}
}
/************
* Chromium *
************/
/**
* Chromium
*/
window.background.chromium {
background-color: $surface;
background-color: rgba($tooltip, 1);
}
/***********
* Firefox *
***********/
/**
* Firefox
*/
#MozillaGtkWidget {
> widget {
}
}
/************
* Inkscape *
************/
/**
* Inkscape
*/
#ToolboxCommon {
> #AuxToolbox {
}
}
/***********
* Synapse *
***********/
/**
* Synapse
*/
box.vertical > widget > widget:selected {
@extend %selected_items;
/********
* Nemo *
********/
/**
* Nemo
*/
// based css:
// https://github.com/linuxmint/nemo/blob/master/gresources/nemo-style-fallback-mandatory.css
// based css:
// https://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css
/*********
* Unity *
*********/
/**
* Unity
*/
// Decorations
UnityDecoration {
// based css:
// https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss
/**************
* Xfce4 Apps *
**************/
/**
* Xfce4 Apps
*/
.XfceHeading {
background-color: $base;
}
/***************
* xfce4-panel *
***************/
/**
* xfce4-panel
*/
.xfce4-panel.background {
border: none; // Sadly the border is hard-coded
}
}
/**********
* Thunar *
**********/
/**
* Thunar
*/
.thunar {
#location-toolbar {