diff --git a/.github/build-canary-v3 b/.github/build-canary-v3 new file mode 100644 index 0000000..56a6051 --- /dev/null +++ b/.github/build-canary-v3 @@ -0,0 +1 @@ +1 \ No newline at end of file diff --git a/.github/build-nest-v3 b/.github/build-nest-v3 new file mode 100644 index 0000000..56a6051 --- /dev/null +++ b/.github/build-nest-v3 @@ -0,0 +1 @@ +1 \ No newline at end of file diff --git a/.github/release-canary-v3 b/.github/release-canary-v3 new file mode 100644 index 0000000..d8263ee --- /dev/null +++ b/.github/release-canary-v3 @@ -0,0 +1 @@ +2 \ No newline at end of file diff --git a/.github/release-nest-v3 b/.github/release-nest-v3 new file mode 100644 index 0000000..56a6051 --- /dev/null +++ b/.github/release-nest-v3 @@ -0,0 +1 @@ +1 \ No newline at end of file diff --git a/.github/workflows/build-canaryv3.yml b/.github/workflows/build-canaryv3.yml new file mode 100644 index 0000000..bff3d86 --- /dev/null +++ b/.github/workflows/build-canaryv3.yml @@ -0,0 +1,37 @@ +name: PikaOS Package Build Only (Canary) (amd64-v3) + +on: + push: + branches: + - main + paths: + - '.github/build-canary-v3' + +jobs: + build: + runs-on: ubuntu-latest + container: + image: ghcr.io/pikaos-linux/pikaos-builder:canaryv3 + volumes: + - /proc:/proc + options: --privileged -it + + steps: + - uses: actions/checkout@v3 + + - name: Install SSH key + uses: shimataro/ssh-key-action@v2 + with: + key: ${{ secrets.SSH_KEY }} + name: id_rsa + known_hosts: ${{ secrets.KNOWN_HOSTS }} + if_key_exists: replace + + - name: Update APT Cache + run: apt-get update -y + + - name: Set Build Config + run: cp -vf ./pika-build-config/amd64-v3.sh ./pika-build-config.sh + + - name: Build Package + run: ./main.sh diff --git a/.github/workflows/build-nestv3.yml b/.github/workflows/build-nestv3.yml new file mode 100644 index 0000000..3c9c34d --- /dev/null +++ b/.github/workflows/build-nestv3.yml @@ -0,0 +1,37 @@ +name: PikaOS Package Build Only (amd64-v3) + +on: + push: + branches: + - main + paths: + - '.github/build-nest-v3' + +jobs: + build: + runs-on: ubuntu-latest + container: + image: ghcr.io/pikaos-linux/pikaos-builder:nestv3 + volumes: + - /proc:/proc + options: --privileged -it + + steps: + - uses: actions/checkout@v3 + + - name: Install SSH key + uses: shimataro/ssh-key-action@v2 + with: + key: ${{ secrets.SSH_KEY }} + name: id_rsa + known_hosts: ${{ secrets.KNOWN_HOSTS }} + if_key_exists: replace + + - name: Update APT Cache + run: apt-get update -y + + - name: Set Build Config + run: cp -vf ./pika-build-config/amd64-v3.sh ./pika-build-config.sh + + - name: Build Package + run: ./main.sh diff --git a/.github/workflows/release-canaryv3.yml b/.github/workflows/release-canaryv3.yml new file mode 100644 index 0000000..436c8ff --- /dev/null +++ b/.github/workflows/release-canaryv3.yml @@ -0,0 +1,40 @@ +name: PikaOS Package Build & Release (Canary) (amd64-v3) + +on: + push: + branches: + - main + paths: + - '.github/release-canary-v3' + +jobs: + build: + runs-on: ubuntu-latest + container: + image: ghcr.io/pikaos-linux/pikaos-builder:canaryv3 + volumes: + - /proc:/proc + options: --privileged -it + + steps: + - uses: actions/checkout@v3 + + - name: Install SSH key + uses: shimataro/ssh-key-action@v2 + with: + key: ${{ secrets.SSH_KEY }} + name: id_rsa + known_hosts: ${{ secrets.KNOWN_HOSTS }} + if_key_exists: replace + + - name: Update APT Cache + run: apt-get update -y + + - name: Set Build Config + run: cp -vf ./pika-build-config/amd64-v3.sh ./pika-build-config.sh + + - name: Build Package + run: ./main.sh + + - name: Release Package + run: ./release.sh diff --git a/.github/workflows/release-nestv3.yml b/.github/workflows/release-nestv3.yml new file mode 100644 index 0000000..ed42bb7 --- /dev/null +++ b/.github/workflows/release-nestv3.yml @@ -0,0 +1,40 @@ +name: PikaOS Package Build & Release (amd64-v3) + +on: + push: + branches: + - main + paths: + - '.github/release-nest-v3' + +jobs: + build: + runs-on: ubuntu-latest + container: + image: ghcr.io/pikaos-linux/pikaos-builder:nestv3 + volumes: + - /proc:/proc + options: --privileged -it + + steps: + - uses: actions/checkout@v3 + + - name: Install SSH key + uses: shimataro/ssh-key-action@v2 + with: + key: ${{ secrets.SSH_KEY }} + name: id_rsa + known_hosts: ${{ secrets.KNOWN_HOSTS }} + if_key_exists: replace + + - name: Update APT Cache + run: apt-get update -y + + - name: Set Build Config + run: cp -vf ./pika-build-config/amd64-v3.sh ./pika-build-config.sh + + - name: Build Package + run: ./main.sh + + - name: Release Package + run: ./release.sh diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml deleted file mode 100644 index 1641898..0000000 --- a/.github/workflows/release.yml +++ /dev/null @@ -1,46 +0,0 @@ -name: PikaOS Package Release - -on: - workflow_dispatch - -jobs: - build: - runs-on: self-hosted - container: - image: ghcr.io/pikaos-linux/pika-package-container:latest - volumes: - - /proc:/proc - options: --privileged -it - - steps: - - uses: actions/checkout@v3 - - - name: Import GPG key - id: import_gpg - uses: crazy-max/ghaction-import-gpg@v5 - with: - gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }} - passphrase: ${{ secrets.PASSPHRASE }} - - - name: Install SSH key - uses: shimataro/ssh-key-action@v2 - with: - key: ${{ secrets.SSH_KEY }} - name: id_rsa - known_hosts: ${{ secrets.KNOWN_HOSTS }} - if_key_exists: replace - - - name: Build Package - run: ./main.sh - - - name: Release Package - run: ./release.sh - - - name: Purge cache - uses: strrife/cloudflare-chunked-purge-action@master - env: - # Zone is required by both authentication methods - CLOUDFLARE_ZONE: ${{ secrets.CLOUDFLARE_ZONE }} - - CLOUDFLARE_TOKEN: ${{ secrets.CLOUDFLARE_TOKEN }} - PURGE_URLS: ${{ vars.PURGE_URLS }} diff --git a/main.sh b/main.sh index a790c8c..0f7c61c 100755 --- a/main.sh +++ b/main.sh @@ -1,3 +1,13 @@ +#! /bin/bash + +set -e + +VERSION="5.0" + +source ./pika-build-config.sh + +echo "$PIKA_BUILD_ARCH" > pika-build-arch + # Clone Upstream cd ./pika-gnome-settings @@ -5,9 +15,10 @@ cd ./pika-gnome-settings apt-get build-dep ./ -y # Build package +LOGNAME=root dh_make --createorig -y -l -p pika-gnome-settings_"$VERSION" || echo "dh-make: Ignoring Last Error" dpkg-buildpackage --no-sign # Move the debs to output cd ../ mkdir -p ./output -mv ./*.deb ./output/ +mv ./*.deb ./output/ \ No newline at end of file diff --git a/orig.source.txt b/orig.source.txt deleted file mode 100644 index ca94e91..0000000 --- a/orig.source.txt +++ /dev/null @@ -1 +0,0 @@ -Source is this git's root diff --git a/pika-build-config/amd64-v3.sh b/pika-build-config/amd64-v3.sh new file mode 100755 index 0000000..10285b4 --- /dev/null +++ b/pika-build-config/amd64-v3.sh @@ -0,0 +1,10 @@ +#! /bin/bash +export PIKA_BUILD_ARCH="amd64-v3" +export DEBIAN_FRONTEND="noninteractive" +export DEB_BUILD_MAINT_OPTIONS="optimize=+lto -march=x86-64-v3 -O3 -flto -fuse-linker-plugin -falign-functions=32" +export DEB_CFLAGS_MAINT_APPEND="-march=x86-64-v3 -O3 -flto -fuse-linker-plugin -falign-functions=32" +export DEB_CPPFLAGS_MAINT_APPEND="-march=x86-64-v3 -O3 -flto -fuse-linker-plugin -falign-functions=32" +export DEB_CXXFLAGS_MAINT_APPEND="-march=x86-64-v3 -O3 -flto -fuse-linker-plugin -falign-functions=32" +export DEB_LDFLAGS_MAINT_APPEND="-march=x86-64-v3 -O3 -flto -fuse-linker-plugin -falign-functions=32" +export DEB_BUILD_OPTIONS="nocheck notest terse" +export DPKG_GENSYMBOLS_CHECK_LEVEL=0 diff --git a/pika-build-config/i386.sh b/pika-build-config/i386.sh new file mode 100755 index 0000000..7629d66 --- /dev/null +++ b/pika-build-config/i386.sh @@ -0,0 +1,5 @@ +#! /bin/bash +export PIKA_BUILD_ARCH="i386" +export DEBIAN_FRONTEND="noninteractive" +export DEB_BUILD_OPTIONS="nocheck notest terse" +export DPKG_GENSYMBOLS_CHECK_LEVEL=0 diff --git a/pika-gnome-settings/debian/changelog b/pika-gnome-settings/debian/changelog index 5ec33a3..5213229 100644 --- a/pika-gnome-settings/debian/changelog +++ b/pika-gnome-settings/debian/changelog @@ -1,3 +1,9 @@ +pika-gnome-settings (5.0-100pika4) pika; urgency=low + + * Update to pika + + -- Ward Nakchbandi Sat, 01 Oct 2022 14:50:00 +0200 + pika-gnome-settings (4.5-100pika4) pikauwu; urgency=low * Update to pikauwu diff --git a/pika-gnome-settings/debian/control b/pika-gnome-settings/debian/control index c2163d6..9366523 100644 --- a/pika-gnome-settings/debian/control +++ b/pika-gnome-settings/debian/control @@ -6,12 +6,21 @@ Build-Depends: debhelper (>= 10) Standards-Version: 3.9.8 Homepage: https://github.com/PikaOS-Linux/ - Package: pika-gnome-settings Architecture: all -Depends: gnome-backgrounds, dconf-gsettings-backend | gsettings-backend, gnome-control-center-data, gsettings-desktop-schemas (>= 40), libglib2.0-bin (>= 2.53.4-3ubuntu1~), pika-theme, fonts-ubuntu, pika-gnome-layouts -Conflicts: ubuntu-settings, ubuntu-wallpapers, ubuntu-wallpapers-kinetic, ubuntu-wallpapers-lunar, pika-hyprland-settings, pika-kde-settings, pika-settings -Replaces: ubuntu-settings, ubuntu-wallpapers, ubuntu-wallpapers-kinetic, ubuntu-wallpapers-lunar, pika-settings -Provides: ubuntu-settings, ubuntu-wallpapers, ubuntu-wallpapers-kinetic, ubuntu-wallpapers-lunar, pika-settings +Depends: + dconf-gsettings-backend | gsettings-backend, + gnome-control-center-data, + gsettings-desktop-schemas, + libglib2.0-bin, + gnome-backgrounds, + pika-gnome-layouts, + pika-wallpapers, + adw-gtk3-theme, +Conflicts: + pika-hyprland-settings, + pika-cosmic-settings, + pika-kde-settings, + pika-settings, Priority: optional Description: default settings for the PikaOS Gnome desktop diff --git a/pika-gnome-settings/debian/pika-gnome-settings.gsettings-override b/pika-gnome-settings/debian/pika-gnome-settings.gsettings-override index 955b658..6ee225b 100644 --- a/pika-gnome-settings/debian/pika-gnome-settings.gsettings-override +++ b/pika-gnome-settings/debian/pika-gnome-settings.gsettings-override @@ -1,174 +1,77 @@ -############ -# global settings # -############ - -[org.gnome.evolution-data-server.calendar] -notify-with-tray=false - -[org.gnome.desktop.session] -session-name = "ubuntu" - -[org.onboard] -layout = 'Compact' -theme = 'Nightshade' -key-label-font = 'Ubuntu' -key-label-overrides = ['RWIN::super-group', 'LWIN::super-group'] -xembed-onboard = true - -[org.onboard.window] -docking-enabled = true -force-to-top = true - -[org.gnome.login-screen] -logo='/usr/share/plymouth/ubuntu-logo.png' - -################################## -# ubuntu common session settings # -################################## - -[org.gnome.shell:ubuntu] -always-show-log-out = true - -[org.gnome.shell.extensions.ding:ubuntu] -show-trash = false -show-volumes = false -start-corner = 'top-left' -arrangeorder = 'DESCENDINGNAME' - -[org.gnome.desktop.background:ubuntu] -show-desktop-icons = true - -[org.gtk.Settings.FileChooser:ubuntu] -sort-directories-first = true -startup-mode = 'cwd' - -# Mirror G-S default experience (in overrides) compared to mutter default -# as we are using a G-S mode, the default overrides aren't used. -[org.gnome.mutter:ubuntu] -attach-modal-dialogs = true -edge-tiling = true -dynamic-workspaces = true -workspaces-only-on-primary = true -focus-change-on-pointer-rest = true - -[org.gnome.desktop.peripherals.touchpad:ubuntu] -tap-to-click = true -click-method = 'default' - -[org.gnome.desktop.wm.keybindings:ubuntu] -show-desktop = ['d','d','d'] -switch-applications = ['Tab'] -switch-windows = ['Tab'] -switch-applications-backward = ['Tab'] -switch-windows-backward = ['Tab'] - -[org.gnome.nautilus.desktop:ubuntu] -home-icon-visible = false - -[org.gnome.nautilus.icon-view:ubuntu] -default-zoom-level = 'small' - -[org.gnome.shell.extensions.desktop-icons:ubuntu] -icon-size = 'small' - -[org.gnome.nautilus.preferences:ubuntu] -open-folder-on-dnd-hover = false - -[org.gnome.rhythmbox.rhythmdb:ubuntu] -monitor-library = true - -[org.gnome.rhythmbox.plugins.alternative_toolbar:ubuntu] -display-type=1 - -[org.gnome.settings-daemon.plugins.print-notifications:ubuntu] -active = false - -[org.gnome.settings-daemon.plugins.background:ubuntu] -active = false - -[org.gnome.software:ubuntu] -first-run = false - -[org.gnome.Terminal.Legacy.Settings:ubuntu] -theme-variant = 'dark' - -############ -# Gnome settings # -############ - -[org.gnome.desktop.interface] -enable-animations = true -font-antialiasing ='rgba' -font-hinting = 'full' -color-scheme = 'prefer-dark' - -[org.gnome.desktop.peripherals.mouse] -accel-profile = 'flat' - -[org.gnome.mutter] -check-alive-timeout = 30000 - -################# -# PikaOS Gnome settings # -################# - -[org.pika.layouts] -pika-theme = 2 +### Desktop Theme Settings [org.gnome.desktop.background] -picture-uri = 'file:///usr/share/backgrounds/pika/guard_it_well_okay__by_neytirix_ddcc1wt.jpg' -picture-uri-dark = 'file:///usr/share/backgrounds/pika/guard_it_well_okay__by_neytirix_ddcc1wt.jpg' +picture-uri = 'file:///usr/share/backgrounds/pika/duck_village_by_neytirix_dekbu6y.jpg' +picture-uri-dark = 'file:///usr/share/backgrounds/pika/duck_village_by_neytirix_dekbu6y.jpg' [org.gnome.desktop.screensaver] -picture-uri = 'file:///usr/share/backgrounds/pika/guard_it_well_okay__by_neytirix_ddcc1wt.jpg' +picture-uri = 'file:///usr/share/backgrounds/pika/duck_village_by_neytirix_dekbu6y.jpg' [org.gnome.desktop.wm.preferences] button-layout = 'appmenu:close' -titlebar-font = 'Ubuntu Bold 11' -theme = 'Jasper-Yellow-Light' [org.gnome.desktop.sound] theme-name = 'pika' +[org.gnome.Terminal.Legacy.Settings] +theme-variant = 'dark' + [org.gnome.desktop.interface] -gtk-theme = 'Jasper-Yellow-Light' -icon-theme = 'Papirus' -cursor-theme = 'Adwaita' -monospace-font-name = 'Ubuntu Mono 13' -document-font-name = 'Sans 11' -font-name = 'Ubuntu 11' +icon-theme = 'Papirus-Dark' +gtk-theme = 'adw-gtk3-dark' +show-battery-percentage = true +enable-animations = true +font-antialiasing = 'rgba' +font-hinting = 'full' color-scheme = 'prefer-dark' -[org.gnome.shell] -favorite-apps = ['pika-installer.desktop', 'com.github.pikaos-linux.pikawelcome.desktop', 'firefox.desktop', 'repoman.desktop', 'org.gnome.Software.desktop', 'org.gnome.Nautilus.desktop', 'org.gnome.Settings.desktop', 'org.gnome.Terminal.desktop', 'gnome-system-monitor.desktop'] +[org.gnome.desktop.a11y.interface] +show-status-shapes = true + +# Shell settings [org.gnome.shell] -enabled-extensions = ['ubuntu-appindicators@ubuntu.com', 'user-theme@gnome-shell-extensions.gcampax.github.com', 'pop-shell@system76.com'] +favorite-apps = ['com.github.pikaos-linux.pikainstallergtk4.desktop', 'com.github.pikaos-linux.pikawelcome.desktop', 'firefox.desktop', 'com.github.pikaos-linux.pikmanupdatemanager.desktop', 'org.gnome.Software.desktop', 'org.gnome.Nautilus.desktop', 'org.gnome.Settings.desktop', 'org.gnome.Terminal.desktop', 'gnome-system-monitor.desktop'] +enabled-extensions = ['appindicatorsupport@rgcjonas.gmail.com', 'user-theme@gnome-shell-extensions.gcampax.github.com', 'custom-accent-colors@demiskp', 'pop-shell@system76.com'] -[org.gnome.shell.extensions.nightthemeswitcher.time] -manual-time-source = true -ondemand-button-placement = 'none' -ondemand-time = 'night' -time-source = 'ondemand' - -[org.gnome.shell.extensions.nightthemeswitcher.gtk-variants] -enabled = true -day = 'Jasper-Yellow-Light' -night = 'Jasper-Yellow-Dark' - -[org.gnome.shell.extensions.nightthemeswitcher.shell-variants] -enabled = true -day = 'Jasper-Yellow-Light' -night = 'Jasper-Yellow-Dark' - -[org.gnome.shell.extensions.nightthemeswitcher.commands] -enabled = true -sunrise = 'pika-gnome-theme' -sunset = 'pika-gnome-theme dark' +### Gnome Extensions Settings [org.gnome.shell.extensions.arcmenu] custom-menu-button-icon = '/usr/share/pixmaps/pika-logo-duotone.svg' menu-button-icon = 'Custom_Icon' +[org.gnome.shell.extensions.user-theme] +name = 'Custom-Accent-Colors' + +[org.gnome.shell.extensions.custom-accent-colors] +accent-color = 'yellow' +theme-flatpak = true +theme-gtk3 = true +theme-shell = true + +### GDM Settings + +[org.gnome.login-screen] +logo='/usr/share/pixmaps/pika-logo-text-dark.svg' + +### Mutter Settings + [org.gnome.mutter] -experimental-features = ['variable-refresh-rate'] \ No newline at end of file +check-alive-timeout = 30000 +experimental-features = ['scale-monitor-framebuffer', 'variable-refresh-rate', 'xwayland-native-scaling'] +center-new-windows = true + +### Hardware Settings +[org.gnome.desktop.peripherals.touchpad] +tap-to-click = true +click-method = 'default' + +[org.gnome.desktop.peripherals.mouse] +accel-profile = 'flat' + +[org.gnome.desktop.wm.keybindings] +show-desktop = ['d','d','d'] +switch-applications = ['Tab'] +switch-windows = ['Tab'] +switch-applications-backward = ['Tab'] +switch-windows-backward = ['Tab'] \ No newline at end of file diff --git a/pika-gnome-settings/debian/postinst b/pika-gnome-settings/debian/postinst index fc4b738..1ecd454 100644 --- a/pika-gnome-settings/debian/postinst +++ b/pika-gnome-settings/debian/postinst @@ -3,6 +3,6 @@ set -e cp -rvf /etc/skel/.config/examples/.profile /etc/skel/ -cp -rvf /etc/skel/.config/examples/Kvantum /etc/skel/.config/ +#cp -rvf /etc/skel/.config/examples/Kvantum /etc/skel/.config/ glib-compile-schemas /usr/share/glib-2.0/schemas/ diff --git a/pika-gnome-settings/etc/pika_theme b/pika-gnome-settings/etc/pika_theme deleted file mode 100644 index d2d4df4..0000000 --- a/pika-gnome-settings/etc/pika_theme +++ /dev/null @@ -1,7 +0,0 @@ -#! /bin/bash -KVANTUM_THEME_DARK=Orchis-dark# -KVANTUM_THEME_LIGHT=Orchis# -GTK_THEME_DARK=$(dconf read /org/gnome/desktop/interface/gtk-theme | sed "s+'++" | sed "s+'++" | sed "s+-Dark++" | sed "s+-Light++")-Dark -GTK_THEME_LIGHT=$(dconf read /org/gnome/desktop/interface/gtk-theme | sed "s+'++" | sed "s+'++" | sed "s+-Dark++" | sed "s+-Light++")-Light -GTK_THEME_PATH_DARK=/usr/share/themes/$GTK_THEME_DARK -GTK_THEME_PATH_LIGHT=/usr/share/themes/$GTK_THEME_LIGHT diff --git a/pika-gnome-settings/etc/skel/.config/examples/Kvantum/Orchis#/Orchis#.kvconfig b/pika-gnome-settings/etc/skel/.config/examples/Kvantum/Orchis#/Orchis#.kvconfig deleted file mode 100644 index 57a0551..0000000 --- a/pika-gnome-settings/etc/skel/.config/examples/Kvantum/Orchis#/Orchis#.kvconfig +++ /dev/null @@ -1,573 +0,0 @@ -[%General] -author=Vince Liuice, based on KvAdapta by Tsu Jan -comment=An uncomplicated theme inspired by the Materia GTK theme -x11drag=menubar_and_primary_toolbar -alt_mnemonic=true -left_tabs=true -attach_active_tab=true -mirror_doc_tabs=true -group_toolbar_buttons=false -toolbar_item_spacing=0 -toolbar_interior_spacing=2 -spread_progressbar=true -composite=true -menu_shadow_depth=6 -spread_menuitems=true -tooltip_shadow_depth=2 -splitter_width=1 -scroll_width=9 -scroll_arrows=false -scroll_min_extent=60 -slider_width=2 -slider_handle_width=23 -slider_handle_length=22 -tickless_slider_handle_size=22 -center_toolbar_handle=true -check_size=16 -textless_progressbar=false -progressbar_thickness=2 -menubar_mouse_tracking=true -toolbutton_style=1 -double_click=false -translucent_windows=false -blurring=false -popup_blurring=false -vertical_spin_indicators=false -spin_button_width=24 -fill_rubberband=false -merge_menubar_with_toolbar=true -small_icon_size=16 -large_icon_size=32 -button_icon_size=16 -toolbar_icon_size=16 -combo_as_lineedit=true -animate_states=false -button_contents_shift=false -combo_menu=true -hide_combo_checkboxes=true -combo_focus_rect=false -groupbox_top_label=true -inline_spin_indicators=true -joined_inactive_tabs=false -layout_spacing=6 -layout_margin=9 -scrollbar_in_view=true -transient_scrollbar=true -transient_groove=true -submenu_overlap=0 -tooltip_delay=0 -tree_branch_line=true -no_window_pattern=false -opaque=kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,smplayer,smplayer2,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam -reduce_window_opacity=0 -respect_DE=true -scrollable_menu=false -submenu_delay=150 -no_inactiveness=false -reduce_menu_opacity=0 -click_behavior=0 -contrast=1.00 -dialog_button_layout=0 -intensity=1.00 -saturation=1.00 -shadowless_popup=false -drag_from_buttons=false -menu_blur_radius=10 -tooltip_blur_radius=6 - -[GeneralColors] -window.color=#F5F5F5 -base.color=#ffffff -alt.base.color=#f8f8f8 -button.color=#f2f2f2 -light.color=#ffffff -mid.light.color=#f0f0f0 -dark.color=#c8c8c8 -mid.color=#e1e1e196 -highlight.color=#4285f4 -inactive.highlight.color=#4285f4150 -text.color=#444444 -window.text.color=#444444 -button.text.color=#444444 -disabled.text.color=#44444474 -tooltip.text.color=#444444 -highlight.text.color=#ffffff -link.color=#0057AE -link.visited.color=#E040FB -progress.indicator.text.color=#444444 - -[Hacks] -transparent_ktitle_label=false -transparent_dolphin_view=false -transparent_pcmanfm_sidepane=false -blur_translucent=false -transparent_menutitle=false -respect_darkness=true -kcapacitybar_as_progressbar=true -force_size_grip=true -iconless_pushbutton=false -iconless_menu=false -disabled_icon_opacity=100 -lxqtmainmenu_iconsize=16 -normal_default_pushbutton=true -single_top_toolbar=true -tint_on_mouseover=0 -transparent_pcmanfm_view=false -no_selection_tint=true -transparent_arrow_button=true -middle_click_scroll=false -opaque_colors=false -kinetic_scrolling=false -scroll_jump_workaround=true -centered_forms=false -noninteger_translucency=false -blur_only_active_window=false -style_vertical_toolbars=false - -[PanelButtonCommand] -frame=true -frame.element=button -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -interior=true -interior.element=button -indicator.size=8 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=white -highlight.text.color=white -text.shadow=0 -text.margin=4 -text.iconspacing=4 -indicator.element=arrow -frame.expansion=0 - -[PanelButtonTool] -inherits=PanelButtonCommand -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=white -text.disabled.color=#44444474 -text.bold=false -indicator.element=arrow -indicator.size=0 -frame.expansion=0 - -[ToolbarButton] -frame=true -frame.element=tbutton -interior.element=tbutton -frame.top=14 -frame.bottom=14 -frame.left=14 -frame.right=14 -indicator.element=tarrow -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -text.disabled.color=#44444474 -text.bold=false -frame.expansion=28 - -[Dock] -inherits=PanelButtonCommand -interior.element=dock -frame.element=dock -frame.top=1 -frame.bottom=1 -frame.left=1 -frame.right=1 -text.normal.color=#444444 - -[DockTitle] -inherits=PanelButtonCommand -frame=false -interior=false -text.normal.color=#444444 -text.focus.color=#444444 -text.bold=false - -[IndicatorSpinBox] -inherits=PanelButtonCommand -frame=true -interior=true -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -indicator.element=spin -indicator.size=8 -text.normal.color=#444444 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 - -[RadioButton] -inherits=PanelButtonCommand -frame=false -interior.element=radio -text.normal.color=#444444 -text.focus.color=#444444 -min_width=+0.3font -min_height=+0.3font - -[CheckBox] -inherits=PanelButtonCommand -frame=false -interior.element=checkbox -text.normal.color=#444444 -text.focus.color=#444444 -min_width=+0.3font -min_height=+0.3font - -[Focus] -inherits=PanelButtonCommand -frame=true -frame.element=focus -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -frame.patternsize=14 - -[GenericFrame] -inherits=PanelButtonCommand -frame=true -interior=false -frame.element=common -interior.element=common -frame.top=1 -frame.bottom=1 -frame.left=1 -frame.right=1 - -[LineEdit] -inherits=PanelButtonCommand -frame.element=lineedit -interior.element=lineedit -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 - -[ToolbarLineEdit] -frame.element=lineedit -interior.element=lineedit - -[DropDownButton] -inherits=PanelButtonCommand -indicator.element=arrow-down - -[IndicatorArrow] -indicator.element=arrow -indicator.size=8 - -[ToolboxTab] -inherits=PanelButtonCommand -text.normal.color=#444444 -text.press.color=#444444 -text.focus.color=#444444 - -[Tab] -inherits=PanelButtonCommand -interior.element=tab -text.margin.left=8 -text.margin.right=8 -text.margin.top=2 -text.margin.bottom=2 -frame.element=tab -indicator.element=tab -indicator.size=22 -frame.top=9 -frame.bottom=3 -frame.left=6 -frame.right=6 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -frame.expansion=0 -text.bold=false - -[TabFrame] -inherits=PanelButtonCommand -frame.element=tabframe -interior.element=tabframe -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 - -[TreeExpander] -inherits=PanelButtonCommand -indicator.size=8 -indicator.element=tree - -[HeaderSection] -inherits=PanelButtonCommand -interior.element=header -frame.element=header -frame.top=0 -frame.bottom=1 -frame.left=1 -frame.right=1 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -frame.expansion=0 - -[SizeGrip] -indicator.element=resize-grip - -[Toolbar] -inherits=PanelButtonCommand -indicator.element=toolbar -indicator.size=5 -text.margin=0 -interior.element=menubar -frame.element=menubar -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -frame.left=2 -frame.right=2 -frame.top=2 -frame.bottom=2 -frame.expansion=0 - -[Slider] -inherits=PanelButtonCommand -frame.element=slider -focusFrame=true -interior.element=slider -frame.top=3 -frame.bottom=3 -frame.left=3 -frame.right=3 - -[SliderCursor] -inherits=PanelButtonCommand -frame=false -interior.element=slidercursor - -[Progressbar] -inherits=PanelButtonCommand -frame.element=progress -interior.element=progress -text.margin=0 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -text.bold=false -frame.expansion=8 - -[ProgressbarContents] -inherits=PanelButtonCommand -frame=true -frame.element=progress-pattern -interior.element=progress-pattern - -[ItemView] -inherits=PanelButtonCommand -text.margin=0 -frame.element=itemview -interior.element=itemview -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=4 -text.margin.right=4 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -min_width=+0.3font -min_height=+0.3font -frame.expansion=0 - -[Splitter] -indicator.size=48 - -[Scrollbar] -inherits=PanelButtonCommand -indicator.element=arrow -indicator.size=12 - -[ScrollbarSlider] -inherits=PanelButtonCommand -frame.element=scrollbarslider -interior=false -frame.left=5 -frame.right=5 -frame.top=5 -frame.bottom=5 -indicator.element=grip -indicator.size=12 - -[ScrollbarGroove] -inherits=PanelButtonCommand -interior=false -frame=false - -[Menu] -inherits=PanelButtonCommand -frame.top=10 -frame.bottom=10 -frame.left=10 -frame.right=10 -frame.element=menu -interior.element=menu -text.normal.color=#444444 -text.shadow=false -frame.expansion=0 -text.bold=false - -[MenuItem] -inherits=PanelButtonCommand -frame=true -frame.element=menuitem -interior.element=menuitem -indicator.element=menuitem -text.normal.color=#444444 -text.focus.color=#444444 -text.margin.top=3 -text.margin.bottom=3 -text.margin.left=6 -text.margin.right=6 -frame.top=0 -frame.bottom=0 -frame.left=6 -frame.right=6 -text.bold=false -frame.expansion=0 - -[MenuBar] -inherits=PanelButtonCommand -frame.element=menubar -interior.element=menubar -frame.bottom=0 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -frame.expansion=0 -text.bold=false - -[MenuBarItem] -inherits=PanelButtonCommand -interior=true -interior.element=menubaritem -frame.element=menubaritem -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -text.margin.left=4 -text.margin.right=4 -text.margin.top=0 -text.margin.bottom=0 -text.normal.color=#444444 -text.focus.color=#444444 -text.press.color=#444444 -text.toggle.color=#444444 -text.bold=false -min_width=+0.3font -min_height=+0.3font -frame.expansion=0 - -[TitleBar] -inherits=PanelButtonCommand -frame=false -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 -interior.element=titlebar -indicator.size=16 -indicator.element=mdi -text.normal.color=#444444 -text.focus.color=#444444 -text.bold=false -text.italic=true -frame.expansion=0 - -[ComboBox] -inherits=PanelButtonCommand -frame.element=combo -interior.element=combo -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 -text.normal.color=#444444 -text.focus.color=#424242 -text.press.color=#424242 -text.toggle.color=#424242 - -[GroupBox] -inherits=GenericFrame -frame=false -text.shadow=0 -text.margin=0 -text.normal.color=#444444 -text.focus.color=#4285f4 -text.bold=false -frame.expansion=0 - -[TabBarFrame] -inherits=GenericFrame -frame=true -frame.element=tabBarFrame -interior=false -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 - -[ToolTip] -inherits=GenericFrame -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -interior=true -text.shadow=0 -text.margin=0 -interior.element=tooltip -frame.element=tooltip -text.normal.color=#444444 -text.focus.color=#4285f4 -frame.expansion=6 - -[StatusBar] -inherits=GenericFrame -frame=false -interior=false - -[Window] -interior=true -interior.element=window -frame=true -frame.element=window -frame.bottom=10 -frame.top=10 diff --git a/pika-gnome-settings/etc/skel/.config/examples/Kvantum/Orchis-dark#/Orchis-dark#.kvconfig b/pika-gnome-settings/etc/skel/.config/examples/Kvantum/Orchis-dark#/Orchis-dark#.kvconfig deleted file mode 100644 index 81b836c..0000000 --- a/pika-gnome-settings/etc/skel/.config/examples/Kvantum/Orchis-dark#/Orchis-dark#.kvconfig +++ /dev/null @@ -1,567 +0,0 @@ -[%General] -author=Vince Liuice, based on KvAdapta by Tsu Jan -comment=An uncomplicated theme inspired by the Materia GTK theme -x11drag=menubar_and_primary_toolbar -alt_mnemonic=true -left_tabs=true -attach_active_tab=true -mirror_doc_tabs=true -group_toolbar_buttons=false -toolbar_item_spacing=0 -toolbar_interior_spacing=2 -spread_progressbar=true -composite=true -menu_shadow_depth=6 -spread_menuitems=true -tooltip_shadow_depth=2 -splitter_width=1 -scroll_width=9 -scroll_arrows=false -scroll_min_extent=60 -slider_width=2 -slider_handle_width=23 -slider_handle_length=22 -tickless_slider_handle_size=22 -center_toolbar_handle=true -check_size=16 -textless_progressbar=false -progressbar_thickness=2 -menubar_mouse_tracking=true -toolbutton_style=1 -double_click=false -translucent_windows=false -blurring=false -popup_blurring=false -vertical_spin_indicators=false -spin_button_width=24 -fill_rubberband=false -merge_menubar_with_toolbar=true -small_icon_size=16 -large_icon_size=32 -button_icon_size=16 -toolbar_icon_size=16 -combo_as_lineedit=true -animate_states=false -button_contents_shift=false -combo_menu=true -hide_combo_checkboxes=true -combo_focus_rect=false -groupbox_top_label=true -inline_spin_indicators=true -joined_inactive_tabs=false -layout_spacing=6 -layout_margin=9 -scrollbar_in_view=true -transient_scrollbar=true -transient_groove=true -submenu_overlap=0 -tooltip_delay=0 -tree_branch_line=true -no_window_pattern=false -opaque=kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,smplayer,smplayer2,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam -reduce_window_opacity=0 -respect_DE=true -scrollable_menu=false -submenu_delay=150 -no_inactiveness=false -reduce_menu_opacity=0 -click_behavior=0 -contrast=1.00 -dialog_button_layout=0 -intensity=1.00 -saturation=1.00 -shadowless_popup=false -drag_from_buttons=false -menu_blur_radius=10 -tooltip_blur_radius=6 - -[GeneralColors] -window.color=#212121 -base.color=#2C2C2C -alt.base.color=#2e2e2e -button.color=#4d4d4d -light.color=#535353 -mid.light.color=#474747 -dark.color=#282828 -mid.color=#323232 -highlight.color=#4285f4 -inactive.highlight.color=#3a474e -text.color=#dfdfdf -window.text.color=#dfdfdf -button.text.color=#dfdfdf -disabled.text.color=#696969 -tooltip.text.color=#efefef -highlight.text.color=white -link.color=#0057AE -link.visited.color=#E040FB -progress.indicator.text.color=#dfdfdf - -[Hacks] -transparent_ktitle_label=false -transparent_dolphin_view=false -transparent_pcmanfm_sidepane=false -blur_translucent=false -transparent_menutitle=false -respect_darkness=true -kcapacitybar_as_progressbar=true -force_size_grip=true -iconless_pushbutton=true -iconless_menu=false -disabled_icon_opacity=100 -lxqtmainmenu_iconsize=16 -normal_default_pushbutton=true -single_top_toolbar=true -tint_on_mouseover=0 -transparent_pcmanfm_view=false -no_selection_tint=true -transparent_arrow_button=true -middle_click_scroll=false -opaque_colors=false -kinetic_scrolling=false -scroll_jump_workaround=true -centered_forms=false -noninteger_translucency=false -blur_only_active_window=false -style_vertical_toolbars=false - -[PanelButtonCommand] -frame=true -frame.element=button -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -interior=true -interior.element=button -indicator.size=8 -text.normal.color=#dfdfdf -text.focus.color=white -text.press.color=#dfdfdf -text.toggle.color=white -text.shadow=0 -text.margin=4 -text.iconspacing=4 -indicator.element=arrow -frame.expansion=0 - -[PanelButtonTool] -inherits=PanelButtonCommand -text.normal.color=#dfdfdf -text.focus.color=#dfdfdf -text.press.color=#ffffff -text.toggle.color=white -text.bold=false -indicator.element=arrow -indicator.size=0 -frame.expansion=0 - -[ToolbarButton] -frame=true -frame.element=tbutton -interior.element=tbutton -frame.top=16 -frame.bottom=16 -frame.left=16 -frame.right=16 -indicator.element=tarrow -text.normal.color=#dfdfdf -text.focus.color=white -text.press.color=white -text.toggle.color=white -text.bold=false -frame.expansion=32 - -[Dock] -inherits=PanelButtonCommand -interior.element=dock -frame.element=dock -frame.top=1 -frame.bottom=1 -frame.left=1 -frame.right=1 -text.normal.color=#dfdfdf - -[DockTitle] -inherits=PanelButtonCommand -frame=false -interior=false -text.normal.color=#dfdfdf -text.focus.color=white -text.bold=false - -[IndicatorSpinBox] -inherits=PanelButtonCommand -frame=true -interior=true -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -indicator.element=spin -indicator.size=8 -text.normal.color=#dfdfdf -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 - -[RadioButton] -inherits=PanelButtonCommand -frame=false -interior.element=radio -text.normal.color=#dfdfdf -text.focus.color=white -min_width=+0.3font -min_height=+0.3font - -[CheckBox] -inherits=PanelButtonCommand -frame=false -interior.element=checkbox -text.normal.color=#dfdfdf -text.focus.color=white -min_width=+0.3font -min_height=+0.3font - -[Focus] -inherits=PanelButtonCommand -frame=true -frame.element=focus -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -frame.patternsize=14 - -[GenericFrame] -inherits=PanelButtonCommand -frame=true -interior=false -frame.element=common -interior.element=common -frame.top=1 -frame.bottom=1 -frame.left=1 -frame.right=1 - -[LineEdit] -inherits=PanelButtonCommand -frame.element=lineedit -interior.element=lineedit -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 - -[ToolbarLineEdit] -frame.element=lineedit -interior.element=lineedit - -[DropDownButton] -inherits=PanelButtonCommand -indicator.element=arrow-down - -[IndicatorArrow] -indicator.element=arrow -indicator.size=8 - -[ToolboxTab] -inherits=PanelButtonCommand -text.normal.color=#dfdfdf -text.press.color=#dfdfdf -text.focus.color=white - -[Tab] -inherits=PanelButtonCommand -interior.element=tab -text.margin.left=8 -text.margin.right=8 -text.margin.top=2 -text.margin.bottom=2 -frame.element=tab -indicator.element=tab -indicator.size=22 -frame.top=9 -frame.bottom=3 -frame.left=6 -frame.right=6 -text.normal.color=#dfdfdf -text.focus.color=#dfdfdf -text.press.color=#dfdfdf -text.toggle.color=#dfdfdf -frame.expansion=0 -text.bold=false - -[TabFrame] -inherits=PanelButtonCommand -frame.element=tabframe -interior.element=tabframe -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 - -[TreeExpander] -inherits=PanelButtonCommand -indicator.size=8 -indicator.element=tree - -[HeaderSection] -inherits=PanelButtonCommand -interior.element=header -frame.element=header -frame.top=0 -frame.bottom=1 -frame.left=1 -frame.right=1 -text.normal.color=#dfdfdf -text.focus.color=white -text.press.color=white -text.toggle.color=white -frame.expansion=0 - -[SizeGrip] -indicator.element=resize-grip - -[Toolbar] -inherits=PanelButtonCommand -indicator.element=toolbar -indicator.size=5 -text.margin=0 -interior.element=menubar -frame.element=menubar -text.normal.color=#dfdfdf -text.focus.color=white -text.press.color=#dfdfdf -text.toggle.color=white -frame.left=0 -frame.right=0 -frame.top=0 -frame.bottom=4 -frame.expansion=0 - -[Slider] -inherits=PanelButtonCommand -frame.element=slider -focusFrame=true -interior.element=slider -frame.top=3 -frame.bottom=3 -frame.left=3 -frame.right=3 - -[SliderCursor] -inherits=PanelButtonCommand -frame=false -interior.element=slidercursor - -[Progressbar] -inherits=PanelButtonCommand -frame.element=progress -interior.element=progress -text.margin=0 -text.normal.color=#dfdfdf -text.focus.color=#dfdfdf -text.press.color=#dfdfdf -text.toggle.color=#dfdfdf -text.bold=false -frame.expansion=8 - -[ProgressbarContents] -inherits=PanelButtonCommand -frame=true -frame.element=progress-pattern -interior.element=progress-pattern - -[ItemView] -inherits=PanelButtonCommand -text.margin=0 -frame.element=itemview -interior.element=itemview -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=4 -text.margin.right=4 -text.normal.color=#dfdfdf -text.focus.color=white -text.press.color=white -text.toggle.color=white -min_width=+0.3font -min_height=+0.3font -frame.expansion=0 - -[Splitter] -indicator.size=48 - -[Scrollbar] -inherits=PanelButtonCommand -indicator.element=arrow -indicator.size=12 - -[ScrollbarSlider] -inherits=PanelButtonCommand -frame.element=scrollbarslider -interior=false -frame.left=5 -frame.right=5 -frame.top=5 -frame.bottom=5 -indicator.element=grip -indicator.size=12 - -[ScrollbarGroove] -inherits=PanelButtonCommand -interior=false -frame=false - -[Menu] -inherits=PanelButtonCommand -frame.top=10 -frame.bottom=10 -frame.left=10 -frame.right=10 -frame.element=menu -interior.element=menu -text.normal.color=#dfdfdf -text.shadow=false -frame.expansion=0 -text.bold=false - -[MenuItem] -inherits=PanelButtonCommand -frame=true -frame.element=menuitem -interior.element=menuitem -indicator.element=menuitem -text.normal.color=#dfdfdf -text.focus.color=white -text.margin.top=3 -text.margin.bottom=3 -text.margin.left=6 -text.margin.right=6 -frame.top=0 -frame.bottom=0 -frame.left=6 -frame.right=6 -text.bold=false -frame.expansion=0 - -[MenuBar] -inherits=PanelButtonCommand -frame.element=menubar -interior.element=menubar -frame.bottom=0 -text.normal.color=#dfdfdf -text.focus.color=#ffffff -text.press.color=#ffffff -text.toggle.color=#ffffff -frame.expansion=0 -text.bold=false - -[MenuBarItem] -inherits=PanelButtonCommand -interior=true -interior.element=menubaritem -frame.element=menubaritem -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 -text.margin.left=4 -text.margin.right=4 -text.margin.top=0 -text.margin.bottom=0 -text.normal.color=#dfdfdf -text.focus.color=#ffffff -text.press.color=#ffffff -text.toggle.color=#ffffff -text.bold=false -min_width=+0.3font -min_height=+0.3font -frame.expansion=0 - -[TitleBar] -inherits=PanelButtonCommand -frame=false -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 -interior.element=titlebar -indicator.size=16 -indicator.element=mdi -text.normal.color=#787878 -text.focus.color=#dfdfdf -text.bold=false -text.italic=true -frame.expansion=0 - -[ComboBox] -inherits=PanelButtonCommand -frame.element=combo -interior.element=combo -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -text.margin.top=2 -text.margin.bottom=2 -text.margin.left=2 -text.margin.right=2 -text.focus.color=white -text.press.color=#dfdfdf -text.toggle.color=white - -[GroupBox] -inherits=GenericFrame -frame=false -text.shadow=0 -text.margin=0 -text.normal.color=#dfdfdf -text.focus.color=white -text.bold=false -frame.expansion=0 - -[TabBarFrame] -inherits=GenericFrame -frame=true -frame.element=tabBarFrame -interior=false -frame.top=2 -frame.bottom=2 -frame.left=2 -frame.right=2 - -[ToolTip] -inherits=GenericFrame -frame.top=6 -frame.bottom=6 -frame.left=6 -frame.right=6 -interior=true -text.shadow=0 -text.margin=0 -interior.element=tooltip -frame.element=tooltip -frame.expansion=6 - -[StatusBar] -inherits=GenericFrame -frame=false -interior=false - -[Window] -interior=true -interior.element=window -frame=true -frame.element=window -frame.bottom=10 -frame.top=10 diff --git a/pika-gnome-settings/etc/skel/.config/examples/Kvantum/kvantum.kvconfig b/pika-gnome-settings/etc/skel/.config/examples/Kvantum/kvantum.kvconfig deleted file mode 100644 index 1840343..0000000 --- a/pika-gnome-settings/etc/skel/.config/examples/Kvantum/kvantum.kvconfig +++ /dev/null @@ -1,2 +0,0 @@ -[General] -theme=Orchis-dark# diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png deleted file mode 100644 index 89533b9..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png deleted file mode 100644 index aee72c7..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness.png deleted file mode 100644 index 3b4e41b..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness@2.png deleted file mode 100644 index 2a346fa..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png deleted file mode 100644 index c56c104..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png deleted file mode 100644 index 2a7a7b1..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png deleted file mode 100644 index 56b5c07..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png deleted file mode 100644 index e8c35ad..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected.png deleted file mode 100644 index 0504a0d..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected@2.png deleted file mode 100644 index e6362d4..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/row-selected@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index ad58085..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg deleted file mode 100644 index 9fcfe7b..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic.svg deleted file mode 100644 index b12be3e..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic@2.svg deleted file mode 100644 index 9bb712e..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/mixed-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index 9da9f06..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg deleted file mode 100644 index b8c70db..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index 8e4689d..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg deleted file mode 100644 index 1a85fef..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic.svg deleted file mode 100644 index 63596f9..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg deleted file mode 100644 index 2b5fe63..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-mixed-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 42e52c6..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg deleted file mode 100644 index f4667d7..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg deleted file mode 100644 index 05e2817..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg deleted file mode 100644 index 5aa85a8..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/small-unchecked-symbolic@2.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic.svg deleted file mode 100644 index 6d97559..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg deleted file mode 100644 index ea6af93..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scalable/unchecked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 219d3cc..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index a3475b9..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index 7beb252..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 5186fab..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index da33092..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index e2b45e0..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 2d3e2ce..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index ff1284f..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 4e8090e..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index 8cb075c..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index 614349d..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 5d5d8af..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index eb755f7..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index a15704b..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 34fb87b..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index dc86b46..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png deleted file mode 100644 index fb4d82d..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png deleted file mode 100644 index 728b81c..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark.png deleted file mode 100644 index eb1a1ae..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark@2.png deleted file mode 100644 index dafec67..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled.png deleted file mode 100644 index 9e2860d..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled@2.png deleted file mode 100644 index d720175..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-disabled@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png deleted file mode 100644 index f0a333f..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png deleted file mode 100644 index a773950..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index 2f8cbeb..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index 74eccfa..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index 8984a9b..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 97ac0cd..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index d94ff8e..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index 9876be9..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index 5632d8c..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 88c9793..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index ac4a515..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 36979b4..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index e6cbadb..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 7c3145d..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 4ef3072..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 455b8d4..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index c16cf62..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index e6b81fd..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 59eb26c..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index f10035a..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index 2ec9a14..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index f9a97ae..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index f6b914e..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index 29ecf2b..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 40ff92e..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index 8e87ea7..0000000 Binary files a/pika-gnome-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/gtk-dark.css b/pika-gnome-settings/etc/skel/.config/gtk-4.0/gtk-dark.css deleted file mode 100644 index 85afb87..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/gtk-dark.css +++ /dev/null @@ -1,6368 +0,0 @@ -@keyframes ripple { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%); - } -} - -@keyframes ripple-on-slider { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 100%, transparent 0%); - } -} - -@keyframes ripple-on-headerbar { - from { - background-image: radial-gradient(circle farthest-corner at center, #FBC02D 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, #FBC02D 100%, transparent 0%); - } -} - -/*************** - * Base States * - ***************/ -.background { - background-color: #212121; - color: white; -} - -dnd { - color: white; -} - -.normal-icons { - -gtk-icon-size: 16px; -} - -.large-icons { - -gtk-icon-size: 32px; -} - -.lowres-icon:not(.large-icons) { - -gtk-icon-size: 16px; -} - -.symbolic-circular { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - padding: 0; - min-height: 32px; - min-width: 32px; -} - -spinner:disabled, -arrow:disabled, -scrollbar:disabled, -check:disabled, -radio:disabled, -treeview.expander:disabled { - -gtk-icon-filter: opacity(0.5); -} - -iconview, .view { - background-color: #2C2C2C; - color: white; -} - -iconview:disabled, .view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 0.7); -} - -iconview:hover, iconview:selected { - border-radius: 6px; -} - -rubberband, .content-view rubberband, .content-view columnview.view > rubberband, -.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, -treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #FBC02D; - background-color: rgba(251, 192, 45, 0.3); -} - -flowbox > flowboxchild { - padding: 4px; - border-radius: 12px; -} - -flowbox > flowboxchild button.remove-button.osd { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -gridview > child { - padding: 3px; -} - -gridview > child:selected { - outline-color: alpha(currentColor, 0.06); -} - -gridview > child box { - border-spacing: 8px; - margin: 12px; -} - -coverflow cover { - color: white; - background-color: #2C2C2C; - border: 1px solid black; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - opacity: 1; - filter: none; - color: rgba(255, 255, 255, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 12px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle { - color: rgba(255, 255, 255, 0.7); -} - -.accent { - color: #FBC02D; -} - -.success { - color: #81C995; -} - -.warning { - color: #FBC02D; -} - -.error { - color: #F44336; -} - -window.assistant .sidebar { - padding: 4px 0; -} - -window.assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -window.assistant .sidebar label.highlight { - color: white; -} - -toast, .osd popover.background > arrow, -.osd popover.background > contents, popover.background.touch-selection > arrow, -popover.background.touch-selection > contents, popover.background.magnifier > arrow, -popover.background.magnifier > contents, .osd { - color: white; - background-color: #2C2C2C; - background-clip: padding-box; - border-radius: 12px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); -} - -.osd.circular { - border-radius: 9999px; -} - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -/**************** - * Text Entries * - ****************/ -headerbar popover.background entry, entry { - caret-color: currentColor; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -headerbar popover.background entry:focus-within, entry:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #FBC02D; - outline-width: 2px; - outline-offset: -2px; -} - -headerbar popover.background entry:drop(active), entry:drop(active) { - background-color: alpha(currentColor, 0.08); - color: white; - outline: 2px solid alpha(currentColor, 0.08); - outline-offset: -2px; -} - -headerbar popover.background entry:disabled, entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -headerbar popover.background entry:disabled > label, entry:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -headerbar popover.background entry image, entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active { - color: white; -} - -headerbar popover.background entry image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -entry { - min-height: 36px; - padding: 0 8px; - border-spacing: 6px; - border-radius: 12px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -entry image.left { - margin-left: 2px; - margin-right: 6px; -} - -entry image.right { - margin-left: 6px; - margin-right: 2px; -} - -entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); - padding-left: 1px; - background-size: 1px 12px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left top; - margin: 0 4px; - margin: 4px 0; -} - -entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); - padding-right: 1px; - background-size: 1px 12px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right top; - margin: 0 4px; - margin: 4px 0; -} - -entry.error { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(244, 67, 54, 0.08); - color: #F44336; -} - -entry.error image { - color: #F44336; -} - -entry.error selection { - color: white; - background-color: #F44336; -} - -entry.error:focus-within { - background-color: rgba(244, 67, 54, 0.08); - color: #F44336; - outline-color: #F44336; - outline-width: 2px; - outline-offset: -2px; -} - -entry.error:disabled { - background-color: rgba(244, 67, 54, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(244, 67, 54, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.error:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry.success { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(129, 201, 149, 0.08); - color: #81C995; -} - -entry.success image { - color: #81C995; -} - -entry.success selection { - color: rgba(0, 0, 0, 0.87); - background-color: #81C995; -} - -entry.success:focus-within { - background-color: rgba(129, 201, 149, 0.08); - color: #81C995; - outline-color: #81C995; - outline-width: 2px; - outline-offset: -2px; -} - -entry.success:disabled { - background-color: rgba(129, 201, 149, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(129, 201, 149, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.success:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry.warning { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -entry.warning image { - color: #FBC02D; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; -} - -entry.warning:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #FBC02D; - outline-width: 2px; - outline-offset: -2px; -} - -entry.warning:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -entry.warning:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -entry > progress, -entry progress > trough > progress { - margin: 2px -8px; - border-bottom: 2px solid #FBC02D; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #2C2C2C; -} - -treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { - border-image: none; - box-shadow: none; -} - -.entry-tag { - margin: 2px; - border-radius: 9999px; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); - color: white; -} - -.entry-tag:hover { - background-image: image(alpha(currentColor, 0.08)); -} - -:dir(ltr) .entry-tag { - margin-left: 4px; - margin-right: 0; - padding-left: 12px; - padding-right: 8px; -} - -:dir(rtl) .entry-tag { - margin-left: 0; - margin-right: 4px; - padding-left: 8px; - padding-right: 12px; -} - -.entry-tag.button { - box-shadow: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(255, 255, 255, 0.7); -} - -editablelabel > stack > text { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #FBC02D 0%, rgba(251, 192, 45, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #FBC02D 95%, rgba(251, 192, 45, 0)); - } -} - -.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { - color: white; -} - -.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action), button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(255, 255, 255, 0.04); - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: white; -} - -headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent; -} - -headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - -headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - filter: none; - opacity: 1; -} - -headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { - box-shadow: inset 0 0 0 9999px transparent; -} - -headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button { - min-height: 24px; - min-width: 16px; - padding: 6px 10px; - border-radius: 12px; - font-weight: 500; -} - -button:drop(active) { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, -radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button, -dnd tab button.image-button, splitbutton.flat > button, -splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, -toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), -combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: transparent; - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, -radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus, -dnd tab button.image-button:focus, splitbutton.flat > button:focus, -splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus, -toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), -combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, -radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover, -dnd tab button.image-button:hover, splitbutton.flat > button:hover, -splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, -toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), -combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, -radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active, -dnd tab button.image-button:active, splitbutton.flat > button:active, -splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, -toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), -combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; - color: white; -} - -.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, -radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled, -dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, -splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, -toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), -combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -tabbar tab button.image-button:checked, -dnd tab button.image-button:checked, splitbutton.flat > button:checked, -splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, -toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), -combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { - background-color: alpha(currentColor, 0.1); - color: white; -} - -tabbar tab button.image-button:checked:disabled, -dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled, -splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, -toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), -combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { - background-color: alpha(currentColor, 0.1); - color: rgba(255, 255, 255, 0.5); -} - -button.text-button { - min-width: 32px; - padding-left: 16px; - padding-right: 16px; -} - -button.text-button.flat { - min-width: 48px; - padding-left: 8px; - padding-right: 8px; -} - -button.image-button { - min-width: 24px; - padding: 6px; -} - -button.text-button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -button.text-button.image-button label:first-child { - margin-left: 10px; -} - -button.text-button.image-button label:last-child { - margin-right: 10px; -} - -button.text-button.image-button.flat label:first-child { - margin-left: 6px; -} - -button.text-button.image-button.flat label:last-child { - margin-right: 6px; -} - -button.text-button.image-button image:not(:only-child) { - margin: 0 4px; -} - -.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { - border-radius: 12px; -} - -.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.linked:not(.vertical) > menubutton:first-child > button { - border-radius: 12px 0 0 12px; -} - -.linked:not(.vertical) > menubutton:last-child > button { - border-radius: 0 12px 12px 0; -} - -button.osd { - box-shadow: none; - padding: 12px 16px; - background-color: #2C2C2C; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: padding-box; -} - -button.osd:hover { - background-color: #414141; -} - -button.osd:active { - background-color: #565656; -} - -button.osd.image-button { - padding: 12px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - filter: none; - opacity: 1; -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(251, 192, 45, 0.2), 0 4px 3px 0 rgba(251, 192, 45, 0.14), 0 1px 6px 0 rgba(251, 192, 45, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(189, 144, 34, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(251, 192, 45, 0.3), 0 2px 3px -1px rgba(251, 192, 45, 0.24), 0 2px 5px 0 rgba(251, 192, 45, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(251, 192, 45, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #FBC02D; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.suggested-action.flat:checked { - background-color: rgba(251, 192, 45, 0.3); -} - -button.destructive-action { - background-color: #F44336; - color: white; - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - filter: none; - opacity: 1; -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12); -} - -button.destructive-action:checked { - background-color: #f77b72; -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F44336; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.destructive-action.flat:checked { - background-color: rgba(244, 67, 54, 0.3); -} - -stackswitcher > button > label { - margin: 0 -6px; - padding: 0 6px; -} - -stackswitcher > button > image { - margin: -3px -6px; - padding: 3px 6px; -} - -stackswitcher > button.needs-attention:checked > label, -stackswitcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} - -button.font > box, button.file > box { - border-spacing: 6px; -} - -button.font > box > box > label, button.file > box > box > label { - font-weight: bold; -} - -menubutton.circular > button, filechooser #pathbarbox > stack > box > button, check, -radio, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action), button.image-button, button.close, button.circular { - border-radius: 9999px; -} - -menubutton.circular > button label, filechooser #pathbarbox > stack > box > button label, check label, -radio label, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) label, button.image-button label, button.close label, button.circular label { - padding: 0; -} - -.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-repeat: no-repeat; - background-position: right 3px; - background-size: 6px 6px; -} - -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), -stackswitcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { - border-radius: 0; -} - -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { - border-radius: 12px; -} - -.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { - border-radius: 0; -} - -.linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 12px; -} - -button.color { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - - -list > row button.image-button:not(.flat) { - background-color: transparent; - box-shadow: none; - border: none; -} - - -list > row button.image-button:not(.flat):hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - - -list > row button.image-button:not(.flat):active, -list > row button.image-button:not(.flat):checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #F44336; - color: white; -} - -/********* - * Links * - *********/ -link { - color: #FBC02D; -} - -link:visited { - color: #BA68C8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #FBC02D; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #BA68C8; -} - -button.link > label { - text-decoration-line: underline; -} - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical), spinbutton.vertical { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; - border-radius: 12px; - padding: 0; - border-spacing: 0; -} - -spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; - outline-color: #FBC02D; - outline-width: 2px; - outline-offset: -2px; -} - -spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - color: rgba(255, 255, 255, 0.5); - outline: none; - filter: none; - opacity: 1; -} - -spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label { - color: rgba(255, 255, 255, 0.5); -} - -spinbutton:not(.vertical) > text, spinbutton.vertical > text { - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -spinbutton:not(.vertical) > button, spinbutton.vertical > button { - padding: 0; - border: 6px solid transparent; -} - -spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) { - box-shadow: inset 0 0 0 9999px transparent; - color: rgba(255, 255, 255, 0.7); -} - -spinbutton:not(.vertical) > text { - min-width: 32px; - padding-left: 12px; -} - -spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { - margin-left: -3px; -} - -spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { - margin-right: -3px; -} - -spinbutton.vertical:disabled { - color: rgba(255, 255, 255, 0.5); -} - -spinbutton.vertical > text { - min-height: 36px; - min-width: 42px; - padding: 0; -} - -spinbutton.vertical > button.up { - margin: 0 3px; -} - -spinbutton.vertical > button.down { - margin: 0 3px; -} - -list > row spinbutton:not(.vertical) > button { - margin: 6px; -} - -list > row spinbutton:not(.vertical) > button.up:dir(ltr), list > row spinbutton:not(.vertical) > button.down:dir(rtl) { - margin-left: 3px; -} - -list > row spinbutton:not(.vertical) > button.up:dir(rtl), list > row spinbutton:not(.vertical) > button.down:dir(ltr) { - margin-right: 3px; -} - -/************** - * ComboBoxes * - **************/ -dropdown > button > box { - border-spacing: 6px; -} - -dropdown arrow, -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -dropdown > popover.menu, -combobox > popover.menu { - margin-top: 6px; - padding: 0; -} - -dropdown button.combo cellview:dir(ltr), -combobox button.combo cellview:dir(ltr) { - margin-left: -2px; -} - -dropdown button.combo cellview:dir(rtl), -combobox button.combo cellview:dir(rtl) { - margin-right: -2px; -} - -dropdown.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -dropdown.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -dropdown > .linked:not(.vertical) > entry:not(:only-child), -combobox > .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, -combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { - margin-right: -36px; - padding-right: 36px; -} - -dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, -combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { - margin-left: -36px; - padding-left: 36px; -} - -dropdown > .linked:not(.vertical) > button:not(:only-child), -combobox > .linked:not(.vertical) > button:not(:only-child) { - min-height: 16px; - min-width: 16px; - margin: 6px; - padding: 4px; - border-radius: 12px; -} - -.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.linked.vertical > combobox:not(:first-child) > box > button.combo { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.linked.vertical > combobox:not(:last-child) > box > button.combo { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -button.combo:only-child { - border-radius: 12px; - font-weight: normal; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; - color: white; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: white; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - filter: none; - opacity: 1; -} - -.app-notification, .toolbar.osd, -toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.app-notification:backdrop, .toolbar.osd:backdrop, -toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #212121; - border-spacing: 6px; -} - -.osd .toolbar, .osd toolbar { - background-color: transparent; -} - -.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, -toolbar.osd.left, -toolbar.osd.right, -toolbar.osd.top, -toolbar.osd.bottom { - border-radius: 0; -} - -.toolbar.osd.bottom, -toolbar.osd.bottom { - box-shadow: none; - background-color: transparent; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); -} - -.toolbar.horizontal > separator, -toolbar.horizontal > separator { - margin: 2px; -} - -.toolbar.vertical > separator, -toolbar.vertical > separator { - margin: 2px; -} - -.toolbar:not(.inline-toolbar):not(.osd) scale, -.toolbar:not(.inline-toolbar):not(.osd) entry, -.toolbar:not(.inline-toolbar):not(.osd) spinbutton, -.toolbar:not(.inline-toolbar):not(.osd) button, -toolbar:not(.inline-toolbar):not(.osd) scale, -toolbar:not(.inline-toolbar):not(.osd) entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton, -toolbar:not(.inline-toolbar):not(.osd) button { - margin: 2px; -} - -.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { - margin-left: 0; -} - -.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { - margin-right: 0; -} - -.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, -.toolbar:not(.inline-toolbar):not(.osd) spinbutton button, -toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton button { - margin: 0; -} - -.toolbar:not(.inline-toolbar):not(.osd) switch, -toolbar:not(.inline-toolbar):not(.osd) switch { - margin: 8px 2px; -} - -.toolbar button { - margin: 1px; - border-radius: 6px; -} - -searchbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #212121; - background-clip: border-box; - box-shadow: none; -} - -searchbar > revealer > box entry, -searchbar > revealer > box button, -searchbar > revealer > box menubutton, -searchbar > revealer > box splitbutton { - margin: 0; -} - -/*************** - * Header bars * - ***************/ -window.about.background.csd headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { - color: white; -} - -window.about.background.csd headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -window.about.background.csd headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -window.about.background.csd headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -window.about.background.csd headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -window.about.background.csd headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -window.about.background.csd headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 9999px; -} - -headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: white; -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar entry { - caret-color: white; -} - -headerbar entry { - background-color: rgba(255, 255, 255, 0.04); -} - -headerbar entry, headerbar entry > text { - color: white; -} - -headerbar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar entry image:hover, headerbar entry image:active { - color: white; -} - -headerbar entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: white; - min-height: 48px; - padding: 0; - margin: 0; - background-color: transparent; -} - -headerbar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); - background-color: transparent; -} - -headerbar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar .title { - padding: 0 12px; - font-weight: bold; -} - -headerbar .subtitle { - padding: 0 12px; - font-size: smaller; -} - -headerbar .subtitle, -headerbar .dim-label, -headerbar row.expander:not(:checked) image.expander-row-arrow, -row.expander:not(:checked) headerbar image.expander-row-arrow, -headerbar row label.subtitle, -row headerbar label.subtitle { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} - -headerbar .subtitle:backdrop, -headerbar .dim-label:backdrop, -headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, -row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -headerbar headerbar { - background-color: transparent; - box-shadow: none; -} - -headerbar splitbutton { - border-radius: 9999px; -} - -headerbar splitbutton > button, headerbar splitbutton > menubutton > button { - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} - -headerbar splitbutton > button:dir(ltr), -headerbar splitbutton > menubutton > button:dir(rtl) { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -headerbar splitbutton > button:dir(rtl), -headerbar splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} - -headerbar .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar button.toggle { - border-radius: 9999px; -} - -headerbar.flat { - background-color: #212121; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - border-radius: 18px 18px 0 0; -} - -background.csd.info headerbar.flat, background.csd.about headerbar.flat { - background-color: transparent; - box-shadow: none; -} - -headerbar popover.background > contents { - color: white; -} - -headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle { - color: rgba(255, 255, 255, 0.7); -} - -headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { - border-radius: 5px; -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action) image { - color: white; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child { - border-radius: 5px 0 0 5px; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child { - border-radius: 0 5px 5px 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):only-child { - border-radius: 5px; -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - color: white; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: rgba(0, 0, 0, 0.87); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { - color: rgba(255, 255, 255, 0.7); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(0, 0, 0, 0.38); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.26); -} - -headerbar > windowhandle > box { - padding: 0 6px; -} - -headerbar > windowhandle > box, -headerbar > windowhandle > box > box.start, -headerbar > windowhandle > box > box.end { - border-spacing: 6px; -} - -headerbar entry, -headerbar spinbutton, -headerbar button, -headerbar stackswitcher, -headerbar menubutton, -headerbar splitbutton { - margin-top: 6px; - margin-bottom: 6px; -} - -headerbar menubutton > button, -headerbar spinbutton > button, -headerbar splitbutton > button, -headerbar splitbutton > menubutton, -headerbar .linked > menubutton, -headerbar entry > menubutton { - margin-top: 0; - margin-bottom: 0; -} - -headerbar switch { - margin-top: 12px; - margin-bottom: 12px; -} - -headerbar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -headerbar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.6); -} - -headerbar.selection-mode .subtitle:link { - color: rgba(0, 0, 0, 0.87); -} - -headerbar.selection-mode .selection-menu { - padding-left: 16px; - padding-right: 16px; -} - -headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -headerbar .selection-mode { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FBC02D; -} - -.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; -} - -headerbar.default-decoration { - min-height: 24px; - padding: 6px; - background-image: none; - background-color: #2C2C2C; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -headerbar.default-decoration windowcontrols button, -headerbar.default-decoration windowcontrols menubutton { - padding: 0; - min-height: 24px; - min-width: 24px; - margin: 0; -} - -.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - border-radius: 0; - box-shadow: none; -} - -window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(251, 192, 45, 0.1)), linear-gradient(to top, #343434 3px, #393939); -} - -window.devel headerbar.titlebar:backdrop { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); - /* background-color would flash */ -} - -headerbar windowcontrols { - border-spacing: 6px; -} - -headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 0; - margin-left: 0; -} - -headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 0; - margin-right: 0; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):hover > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):active > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):backdrop > image { - background-color: transparent; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image { - padding: 0; - border: none; - outline: none; - box-shadow: none; -} - -/************ - * Pathbars * - ************/ - -pathbar > button { - padding-left: 6px; - padding-right: 6px; - border-radius: 12px; - border-spacing: 3px; -} - - -pathbar > button label, -pathbar > button image { - margin-left: 3px; - margin-right: 3px; -} - - -pathbar > button label:not(:only-child):first-child { - margin-left: 0; -} - - -pathbar > button label:not(:only-child):last-child { - margin-right: 0; -} - - -pathbar > button.text-button { - min-width: 0; -} - - -pathbar > button.slider-button { - padding-left: 4px; - padding-right: 4px; -} - -.pathbar { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); - border: none; - border-radius: 12px; - padding: 2px; -} - -headerbar .pathbar { - margin-top: 6px; - margin-bottom: 6px; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); -} - -.pathbar > button { - margin-top: 0; - margin-bottom: 0; - min-height: 20px; - border-radius: 10px; - border: none; - box-shadow: none; -} - -.pathbar > button:last-child { - background-color: alpha(currentColor, 0.1); - color: white; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #404040; - border-top-color: #404040; -} - -columnview.view:selected, -treeview.view:selected { - background-color: #2C2C2C; - background-image: image(alpha(currentColor, 0.1)); - box-shadow: none; -} - -columnview.view:hover, columnview.view:selected, -treeview.view:hover, -treeview.view:selected { - border-radius: 0; - box-shadow: none; -} - -columnview.view.separator, -treeview.view.separator { - min-height: 5px; - color: rgba(255, 255, 255, 0.12); -} - -columnview.view:drop(active), -treeview.view:drop(active) { - box-shadow: none; -} - -columnview.view:drop(active).after, -treeview.view:drop(active).after { - border-top-style: none; -} - -columnview.view:drop(active).before, -treeview.view:drop(active).before { - border-bottom-style: none; -} - -columnview.view > dndtarget:drop(active), -treeview.view > dndtarget:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: alpha(currentColor, 0.06); -} - -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { - border-top-style: none; -} - -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { - border-bottom-style: none; -} - -columnview.view.expander, -treeview.view.expander { - min-width: 16px; - min-height: 16px; - color: rgba(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -columnview.view.expander:dir(rtl), -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -columnview.view.expander:checked, -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -columnview.view.expander:hover, -treeview.view.expander:hover { - color: white; -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: #FBC02D; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: rgba(251, 192, 45, 0.65); -} - -columnview.view.expander:disabled, -treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #FBC02D; - box-shadow: none; - background-color: transparent; - background-image: none; -} - -columnview.view.progressbar:selected:hover, -treeview.view.progressbar:selected:hover { - box-shadow: none; -} - -columnview.view.trough, -treeview.view.trough { - border-bottom: 6px solid rgba(255, 255, 255, 0.15); - box-shadow: none; - background-color: transparent; - background-image: none; -} - -columnview.view.trough:selected:hover, -treeview.view.trough:selected:hover { - box-shadow: none; -} - -columnview.view > header > button, -treeview.view > header > button { - padding: 2px 6px; - border-style: none solid solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; - background-clip: border-box; -} - -columnview.view > header > button:not(:focus):not(:hover):not(:active), -treeview.view > header > button:not(:focus):not(:hover):not(:active) { - color: rgba(255, 255, 255, 0.7); -} - -columnview.view > header > button, columnview.view > header > button:disabled, -treeview.view > header > button, -treeview.view > header > button:disabled { - background-color: #2C2C2C; -} - -columnview.view > header > button:last-child, -treeview.view > header > button:last-child { - border-right-style: none; -} - -columnview.view > header > button sort-indicator, -treeview.view > header > button sort-indicator { - min-height: 16px; - min-width: 16px; -} - -columnview.view > header > button sort-indicator.ascending, -treeview.view > header > button sort-indicator.ascending { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -columnview.view > header > button sort-indicator.descending, -treeview.view > header > button sort-indicator.descending { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -columnview.view button.dnd, -columnview.view header.button.dnd, -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #FBC02D; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #FBC02D; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - background-color: #2C2C2C; - color: white; -} - -menubar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -.csd menubar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -menubar > item { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 20px; - padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); -} - -menubar > item:selected { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > item:disabled { - color: rgba(255, 255, 255, 0.3); -} - -menubar > item label:disabled { - color: inherit; -} - -menubar > item popover.menu popover.menu { - margin-left: 9px; -} - -menubar > item popover.menu.background popover.menu.background > contents { - margin: 0; -} - -/********************** - * Popover Base Menus * - **********************/ -popover.menu box.inline-buttons { - padding: 0 14px; -} - -popover.menu box.inline-buttons button.image-button.model { - min-height: 28px; - min-width: 28px; - padding: 0; - border: none; - outline: none; - transition: none; -} - -popover.menu box.inline-buttons button.image-button.model:selected { - background-image: image(alpha(currentColor, 0.06)); -} - -popover.menu box.circular-buttons { - padding: 6px; -} - -popover.menu box.circular-buttons button.circular.image-button.model { - padding: 6px; -} - -popover.menu box.circular-buttons button.circular.image-button.model:focus { - background-color: alpha(currentColor, 0.06); -} - -popover.menu arrow.left, -popover.menu radio.left, -popover.menu check.left { - margin-left: 0; - margin-right: 0; -} - -popover.menu arrow.right, -popover.menu radio.right, -popover.menu check.right { - margin-left: 0; - margin-right: 0; -} - -popover.menu label.title { - font-weight: bold; - padding: 3px 32px; -} - -/************ - * Popovers * - ************/ -popover.background { - font: initial; - padding: 0; -} - -popover.background, popover.background:backdrop { - background-color: transparent; -} - -popover.background > arrow, -popover.background > contents { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); - background-color: #3C3C3C; - border: none; - border-radius: 11px; - color: white; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} - -popover.background > contents > list, -popover.background > contents > .view, -popover.background > contents > toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} - -popover.background > contents > scrolledwindow > viewport > stack > box { - padding: 0; -} - -popover.background > contents separator { - background-color: rgba(255, 255, 255, 0.12); - margin: 3px 0; -} - -popover.background > contents list { - background-color: transparent; - padding: 0; -} - -popover.background > contents list > row { - padding: 6px 12px; -} - -popover.background > contents list separator { - margin: 0; -} - -popover.background .view:not(:selected), -popover.background toolbar { - background-color: #3C3C3C; -} - -popover.background .linked > button:not(.radio):first-child { - border-radius: 5px 0 0 5px; -} - -popover.background .linked > button:not(.radio):last-child { - border-radius: 0 5px 5px 0; -} - -popover.background .linked > button:not(.radio):only-child { - border-radius: 5px; -} - -popover.background modelbutton { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 22px; - min-width: 56px; - padding: 3px 9px; - border-radius: 5px; - color: white; - font: initial; - text-shadow: none; - border-spacing: 6px; -} - -popover.background modelbutton accelerator { - color: rgba(255, 255, 255, 0.5); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(255, 255, 255, 0.12); -} - -popover.background modelbutton arrow.left { - -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); -} - -popover.background modelbutton arrow.right { - -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); -} - -popover.background.menu button, -popover.background button.model { - min-height: 32px; - padding: 0 8px; - border-radius: 5px; -} - -.osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; -} - -popover.background listview { - padding: 0; -} - -popover.background listview > row { - padding: 6px 12px; - border-radius: 5px; - margin: 0; -} - -magnifier { - background-color: #2C2C2C; -} - -/************* - * Notebooks * - *************/ -notebook > header tab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 24px; - min-width: 24px; - padding: 6px 12px; - border-width: 1px; - border-color: transparent; - border-style: solid; - outline: none; - background-clip: padding-box; - box-shadow: none; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -notebook > header tab:hover { - background-color: #404040; - color: white; -} - -notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; - background-clip: padding-box; - border-color: #404040; - color: white; - box-shadow: none; -} - -notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -notebook > header tab:checked.reorderable-page { - background-color: #2C2C2C; -} - -notebook { - background-color: #2C2C2C; -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: #242424; -} - -notebook.frame { - border-radius: 12px; -} - -notebook.frame frame > border { - border: none; - border-radius: 12px; -} - -notebook.frame frame > list row.activatable { - border-radius: 12px; -} - -notebook:focus tab:checked { - box-shadow: none; -} - -notebook.frame > header.top { - border-radius: 12px 12px 0 0; -} - -notebook.frame > header.bottom { - border-radius: 0 0 12px 12px; -} - -notebook.frame > header.left { - border-radius: 12px 0 0 12px; -} - -notebook.frame > header.right { - border-radius: 0 12px 12px 0; -} - -notebook > header { - border: none; - background-color: #212121; - padding: 0; -} - -notebook > header.top { - box-shadow: inset 0 -1px #404040; -} - -notebook > header.top > tabs { - margin: 4px 0 0; -} - -notebook > header.top > tabs > tab { - border-radius: 12px 12px 0 0; - border-bottom: none; -} - -notebook > header.bottom { - box-shadow: inset 0 1px #404040; -} - -notebook > header.bottom > tabs { - margin: 0 0 4px; -} - -notebook > header.bottom > tabs > tab { - border-radius: 0 0 12px 12px; - border-top: none; -} - -notebook > header.left { - box-shadow: inset -1px 0 #404040; -} - -notebook > header.left > tabs { - margin: 0 0 0 4px; -} - -notebook > header.left > tabs > tab { - border-radius: 12px 0 0 12px; - border-right: none; -} - -notebook > header.right { - box-shadow: inset 1px 0 #404040; -} - -notebook > header.right > tabs { - margin: 0 4px 0 0; -} - -notebook > header.right > tabs > tab { - border-radius: 0 12px 12px 0; - border-left: none; -} - -notebook > header.top > tabs > arrow { - border-top-style: none; -} - -notebook > header.bottom > tabs > arrow { - border-bottom-style: none; -} - -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - padding-left: 4px; - padding-right: 4px; -} - -notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - margin-left: -8px; - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - margin-right: -8px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.left > tabs > arrow { - border-left-style: none; -} - -notebook > header.right > tabs > arrow { - border-right-style: none; -} - -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - padding-top: 4px; - padding-bottom: 4px; -} - -notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - margin-top: -8px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - margin-bottom: -8px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; -} - -notebook > header tab > box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: -6px -12px; - padding: 6px 12px; -} - -notebook > header tab > box:drop(active) { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -notebook > header tab button.flat:last-child { - margin-left: 6px; - margin-right: -6px; -} - -notebook > header tab button.flat:first-child { - margin-left: -6px; - margin-right: 6px; -} - -notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 8px; - padding-right: 8px; -} - -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: 0; -} - -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: 0; -} - -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: solid; -} - -notebook > header.left tabs, notebook > header.right tabs { - padding-top: 8px; - padding-bottom: 8px; -} - -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: 0; -} - -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: 0; -} - -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid; -} - -notebook > stack:not(:only-child) { - background-color: transparent; - border-radius: 12px; -} - -/************** - * Scrollbars * - **************/ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; -} - -scrollbar.top { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar > range > trough { - box-shadow: none; - outline: none; - background: none; -} - -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - border: 4px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); - box-shadow: none; - outline: none; -} - -scrollbar > range > trough > slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar > range > trough > slider:active { - background-color: white; -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 2px 0; -} - -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0 2px; -} - -scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider { - transition-property: background-color, min-height, min-width; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; - box-shadow: none; - outline: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(44, 44, 44, 0.3); - box-shadow: none; - outline: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(44, 44, 44, 0.3); - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(60, 60, 60, 0.9); -} - -scrollbar.horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0 2px; - border: 5px solid transparent; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); - background-clip: padding-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: rgba(251, 192, 45, 0.5); -} - -switch:disabled { - opacity: 0.5; -} - -switch image { - margin: -8px; - color: transparent; -} - -switch > slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 20px; - min-height: 20px; - margin: -3px -2px; - border-radius: 9999px; - outline: none; - box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #3C3C3C; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -switch:checked > slider { - background-color: #FBC02D; - color: #FBC02D; -} - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), -.content-view .tile check:not(list) { - min-height: 40px; - min-width: 40px; - margin: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} - -.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, -.content-view .tile check:not(list):hover, -.content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); -} - -.view.content-view.check:not(list), -.content-view .tile check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); -} - -checkbutton, -radiobutton { - outline: none; - border-spacing: 4px; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -popover checkbutton.text-button > check:dir(ltr), popover radiobutton.text-button > check:dir(ltr) { - margin-left: -16px; -} - -popover checkbutton.text-button > check:dir(rtl), popover radiobutton.text-button > check:dir(rtl) { - margin-right: -16px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; - border: none; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #81C995; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(255, 255, 255, 0.3); -} - -check:not(:hover):focus, -radio:not(:hover):focus { - box-shadow: inset 0 0 0 9999px transparent; -} - -popover modelbutton check, popover modelbutton radio { - margin: 0; - padding: 0; -} - -popover modelbutton check, popover modelbutton check:focus, popover modelbutton check:hover, popover modelbutton check:focus:hover, popover modelbutton check:active, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:focus, popover modelbutton radio:hover, popover modelbutton radio:focus:hover, popover modelbutton radio:active, popover modelbutton radio:disabled { - transition: none; - box-shadow: none; - background: none; - border: none; -} - -popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); -} - -popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { - box-shadow: none; -} - -popover modelbutton check.left:dir(rtl), popover modelbutton radio.left:dir(rtl) { - margin-left: -12px; - margin-right: -4px; -} - -popover modelbutton check.right:dir(ltr), popover modelbutton radio.right:dir(ltr) { - margin-left: -4px; - margin-right: -12px; -} - - -check { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); -} - - -check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -radio { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); -} - - -radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -popover.menu check { - min-height: 18px; - min-width: 18px; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -popover.menu check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); -} - - -popover.menu check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - - -popover.menu radio { - min-height: 18px; - min-width: 18px; - border-image: none; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -popover.menu radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); -} - - -popover.menu radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - -treeview.view check, treeview.view radio, -columnview.view check, -columnview.view radio { - padding: 0; - box-shadow: none; - background: none; - color: rgba(255, 255, 255, 0.7); -} - -treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, -columnview.view check:hover, -columnview.view check:active, -columnview.view radio:hover, -columnview.view radio:active { - color: white; -} - -treeview.view check:disabled, treeview.view radio:disabled, -columnview.view check:disabled, -columnview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, -columnview.view check:checked, -columnview.view check:indeterminate, -columnview.view radio:checked, -columnview.view radio:indeterminate { - color: #81C995; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, -columnview.view check:checked:disabled, -columnview.view check:indeterminate:disabled, -columnview.view radio:checked:disabled, -columnview.view radio:indeterminate:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within radio, -columnview.view:hover check, -columnview.view:hover radio, -columnview.view:selected check, -columnview.view:selected radio, -columnview.view:focus check, -columnview.view:focus radio, -columnview.view:focus-within check, -columnview.view:focus-within radio { - box-shadow: none; - background-color: transparent; -} - -treeview.view radio:checked { - -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); - border-image: none; -} - -/************ - * GtkScale * - ************/ -scale { - min-height: 2px; - min-width: 2px; -} - -scale.horizontal { - padding: 17px 12px; -} - -scale.vertical { - padding: 12px 17px; -} - -scale.fine-tune.horizontal { - min-height: 4px; - padding-top: 16px; - padding-bottom: 16px; -} - -scale.fine-tune.vertical { - min-width: 4px; - padding-left: 16px; - padding-right: 16px; -} - -scale.fine-tune > trough > slider { - min-height: 32px; - min-width: 32px; - margin: -14px; -} - -scale > trough { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-color: rgba(255, 255, 255, 0.3); -} - -scale > trough:disabled { - background-color: rgba(255, 255, 255, 0.15); -} - -scale > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - background-repeat: no-repeat; - background-position: center; - background-size: auto, 1000% 1000%; - min-height: 32px; - min-width: 32px; - margin: -15px; - border-radius: 50%; - color: #FBC02D; - background-color: transparent; -} - -scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { - border: none; - box-shadow: none; - outline: none; -} - -scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:focus { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:hover { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:focus:hover { - background-color: alpha(currentColor, 0.16); -} - -scale > trough > slider:active { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: auto, 0% 0%; - color: #FBC02D; -} - -scale > trough > highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#FBC02D); -} - -scale > trough > highlight:disabled { - background-color: #212121; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale > trough > fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale > trough > fill:disabled { - background-color: transparent; -} - -scale > marks, -scale > value { - color: rgba(255, 255, 255, 0.7); -} - -scale > marks indicator { - background-color: rgba(255, 255, 255, 0.3); - color: transparent; -} - -scale.horizontal marks.top { - margin-bottom: 7px; - margin-top: -15px; -} - -scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -14px; -} - -scale.horizontal marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -14px; -} - -scale.vertical marks.top { - margin-right: 7px; - margin-left: -15px; -} - -scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -14px; -} - -scale.vertical marks.bottom { - margin-left: 7px; - margin-right: -15px; -} - -scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -14px; -} - -scale.horizontal > marks indicator { - min-height: 8px; - min-width: 1px; -} - -scale.vertical > marks indicator { - min-height: 1px; - min-width: 8px; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: none; - box-shadow: none; - border: none; -} - -scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { - box-shadow: none; -} - -scale.horizontal.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.color { - min-height: 0; - min-width: 0; -} - -scale.color.horizontal { - padding: 0 0 12px 0; -} - -scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -24px; - margin-top: 8px; -} - -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} - -scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -24px; - margin-right: 8px; -} - -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} - -scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -24px; - margin-left: 8px; -} - -/***************** - * Progress bars * - *****************/ -progressbar { - color: rgba(255, 255, 255, 0.7); - font-size: smaller; -} - -progressbar.horizontal trough, -progressbar.horizontal progress { - min-height: 6px; -} - -progressbar.vertical trough, -progressbar.vertical progress { - min-width: 6px; -} - -progressbar trough { - border-radius: 12px; - background-color: rgba(255, 255, 255, 0.15); -} - -progressbar progress { - border-radius: 12px; - background-color: #FBC02D; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; - box-shadow: none; - margin: 0; - padding: 0; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: #FBC02D; -} - -progressbar trough.empty progress { - all: unset; -} - -/************* - * Level Bar * - *************/ -levelbar.horizontal block { - min-height: 6px; -} - -levelbar.horizontal.discrete block { - min-width: 36px; -} - -levelbar.horizontal.discrete block:not(:last-child) { - margin-right: 2px; -} - -levelbar.vertical block { - min-width: 6px; -} - -levelbar.vertical.discrete block { - min-height: 36px; -} - -levelbar.vertical.discrete block:not(:last-child) { - margin-bottom: 2px; -} - -levelbar trough { - border-radius: 12px; -} - -levelbar block.low { - background-color: #FBC02D; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #FBC02D; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.15); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: white; - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame > list, -.frame > list { - border: none; -} - -frame.view, -.frame.view { - border-radius: 12px; -} - -frame.flat, -.frame.flat { - border-style: none; -} - -frame { - border-radius: 12px; -} - -frame > label { - margin: 4px; -} - -frame.flat > border, statusbar frame > border { - border: none; -} - -actionbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: border-box; - box-shadow: none; -} - -actionbar > revealer > box entry, -actionbar > revealer > box button, -actionbar > revealer > box menubutton, -actionbar > revealer > box splitbutton { - margin: 0; -} - -statusbar { - padding: 6px 18px; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -junction { - border: none; - background-color: #2C2C2C; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -separator.spacer { - background-color: transparent; -} - -separator.spacer.horizontal { - min-width: 12px; -} - -separator.spacer.vertical { - min-height: 12px; -} - -stacksidebar + separator.vertical, -stacksidebar separator.horizontal, button.font separator, button.file separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/********* - * Lists * - *********/ -listview, -list { - border-color: rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: padding-box; - color: rgba(255, 255, 255, 0.7); -} - -listview > row, -list > row { - background-clip: padding-box; -} - -listview > row.expander, -list > row.expander { - padding: 0px; -} - -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px; -} - -listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), -list.horizontal row.separator, -list.separators.horizontal > row:not(.separator) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), -list:not(.horizontal) row.separator, -list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -list.frame { - border-radius: 12px; -} - -row { - background-clip: padding-box; -} - -columnview.view > header > button, -treeview.view > header > button, row.activatable { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 30%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; -} - -columnview.view > header > button:focus, -treeview.view > header > button:focus, row.activatable:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -columnview.view > header > button:hover, -treeview.view > header > button:hover, row.activatable:hover { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -columnview.view > header > button.has-open-popup, -treeview.view > header > button.has-open-popup, columnview.view > header > button:active, -treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 30%, transparent 0%); - background-size: 100% 100%; -} - -button row.activatable, button row.activatable:hover, button row.activatable.has-open-popup, button row.activatable:active, button row.activatable:active:hover { - background-color: transparent; - box-shadow: none; - background-image: none; - transition: none; - animation: none; -} - -button:checked row { - color: rgba(0, 0, 0, 0.87); -} - -row:selected { - color: inherit; -} - -row:selected image, -row:selected label { - color: white; -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled image, -row:selected:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -treeexpander { - border-spacing: 4px; -} - -columnview > listview > row { - padding: 0; -} - -columnview > listview > row > cell { - padding: 8px 6px; -} - -columnview > listview > row > cell:not(:first-child) { - border-left: 1px solid transparent; -} - -columnview > header > button { - padding-left: 6px; - padding-right: 6px; - border-left: 1px solid transparent; -} - -columnview > header > button:first-child { - border-left-width: 0; -} - -columnview.column-separators > listview > row > cell, -columnview.column-separators > header > button { - border-left-color: rgba(255, 255, 255, 0.12); -} - -columnview > listview:not(.horizontal).separators > row:not(.separator) { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; -} - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; -} - -columnview ~ undershoot.top { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); -} - -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { - outline: 2px solid alpha(currentColor, 0.06); -} - -columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #FBC02D; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; -} - -.rich-list { - /* rich lists usually containing other widgets than just labels/text */ -} - -.rich-list > row { - padding: 9px 12px; - min-height: 32px; - /* should be tall even when only containing a label */ -} - -.rich-list > row > box { - border-spacing: 12px; -} - -/**************** - * AdwActionRow * - ****************/ -row label.subtitle { - font-size: smaller; -} - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 48px; -} - -row > box.header > .icon:disabled { - filter: opacity(0.35); -} - -row > box.header > box.title { - margin-top: 6px; - margin-bottom: 6px; - border-spacing: 3px; -} - -/*************** - * AdwComboRow * - ***************/ -row.combo image.dropdown-arrow:disabled { - filter: opacity(0.35); -} - -row.combo listview.inline { - background: none; - border: none; - box-shadow: none; - color: inherit; -} - -row.combo listview.inline, row.combo listview.inline:disabled { - background: none; - color: inherit; -} - -row.combo popover > contents { - min-width: 120px; -} - -/****************** - * AdwExpanderRow * - ******************/ -list.content > row, list.content > row.expander row.header, -list.boxed-list > row, -list.boxed-list > row.expander row.header, row.expander list.nested > row { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, -.osd list.boxed-list > row:focus:focus-visible, -.osd list.boxed-list > row.expander row.header:focus:focus-visible, -list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.04); -} - -row.expander { - background: none; - padding: 0px; -} - -row.expander > box > list { - background: none; - color: inherit; -} - -row.expander list.nested { - background-color: #2C2C2C; - color: inherit; -} - -row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); -} - -row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; -} - -row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; -} - -row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(0.5turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(-0.5turn); -} - -row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #FBC02D; -} - -.osd row.expander:checked image.expander-row-arrow:not(:disabled) { - color: inherit; -} - -row.expander image.expander-row-arrow:disabled { - filter: opacity(0.35); -} - -/***************** - * Boxed Lists * - *****************/ -list.content > row.expander, -list.boxed-list > row.expander { - border: none; -} - -list.content > row:first-child, list.content > row:first-child.expander row.header, -list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, -list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, -list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; - border-bottom-width: 0; -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; - border-spacing: 9px; - padding: 9px; - border: none; -} - -.app-notification button.text-button:not(:disabled) { - color: #FBC02D; -} - -.app-notification.frame, -.app-notification border { - border-style: none; -} - -/************* - * Expanders * - *************/ -expander { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 16px; - min-height: 16px; - color: rgba(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander:hover, expander:active { - color: white; -} - -expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -expander-widget > box > title { - border-radius: 12px; -} - -expander-widget > box > title:hover > expander { - color: rgba(255, 255, 255, 0.7); -} - -.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), -placessidebar:not(decoration):not(window):drop(active):focus, -placessidebar:not(decoration):not(window):drop(active), -stackswitcher:not(decoration):not(window):drop(active):focus, -stackswitcher:not(decoration):not(window):drop(active), -expander-widget:not(decoration):not(window):drop(active):focus, -expander-widget:not(decoration):not(window):drop(active) { - box-shadow: none; -} - -/************ - * Calendar * - ************/ -calendar { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 12px; - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 12px; -} - -calendar > header { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -calendar > header > button { - min-height: 24px; -} - -calendar > grid { - margin: 3px; -} - -calendar > grid > label { - border-radius: 9999px; - margin: 0; -} - -calendar > grid > label.today:selected { - box-shadow: none; -} - -calendar > grid > label:focus { - outline-style: none; -} - -calendar > grid > label.day-number { - padding: 9px; -} - -calendar > grid > label.day-number.other-month { - color: alpha(currentColor, 0.3); -} - -/*********** - * Dialogs * - ***********/ -window.dialog.message.background { - background-color: #3C3C3C; - background-image: none; -} - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; -} - -window.dialog.message .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -window.dialog.message .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 0.7); -} - -window.dialog.message.csd .dialog-action-area { - padding: 6px; - border: none; - box-shadow: none; -} - -window.dialog.message.csd .dialog-action-area > button { - border: none; - box-shadow: none; -} - -window.dialog.message.csd .dialog-action-area > button, window.dialog.message.csd .dialog-action-area > button:first-child, window.dialog.message.csd .dialog-action-area > button:last-child { - border-radius: 9999px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:last-child) { - margin-right: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #FBC02D; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F44336; -} - -window.messagedialog .message-area separator { - background-color: transparent; - min-height: 0; -} - -window.messagedialog .response-area { - padding: 6px; - box-shadow: none; - border: none; -} - -window.messagedialog .response-area button { - border: none; - box-shadow: none; - border-radius: 9999px; -} - -window.messagedialog .response-area button:not(:last-child) { - margin-right: 6px; -} - -window.messagedialog .response-area button.suggested:not(:disabled) { - color: #FBC02D; -} - -window.messagedialog .response-area button.destructive:not(:disabled) { - color: #F44336; -} - -window.messagedialog .response-area separator { - background-color: transparent; - min-width: 0; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #212121; -} - -filechooser stack.view frame > border { - border: none; -} - -filechooserbutton > button > box { - border-spacing: 6px; -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolledwindow.frame > .view, window.aboutdialog stack scrolledwindow.frame > .view > text { - border-radius: 12px; -} - -window.aboutdialog .large-icons { - -gtk-icon-size: 128px; -} - -window.about.background.csd headerbar { - color: rgba(255, 255, 255, 0.7); -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #242424; -} - -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar listview.view, -.sidebar list { - background-color: transparent; -} - -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; -} - -stacksidebar list { - padding: 6px; - background-color: #242424; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; -} - -stacksidebar row:selected { - font-weight: 500; -} - -stacksidebar row + row { - margin-top: 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; - color: inherit; -} - -separator.sidebar { - background-color: rgba(255, 255, 255, 0.12); - border-right: none; -} - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: rgba(255, 255, 255, 0.15); -} - -separator.sidebar.spacer { - background-color: transparent; -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px 0; - border-right: none; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 0 9999px 9999px 0; - margin: 0 6px 0 0; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #FBC02D; -} - -.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #FBC02D; -} - -.navigation-sidebar > row:selected:hover { - background-color: alpha(currentColor, 0.16); -} - -.navigation-sidebar > row:selected:focus-visible:focus-within { - outline: none; - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected:focus-visible:focus-within:hover { - background-color: alpha(currentColor, 0.16); -} - -.navigation-sidebar > row:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.navigation-sidebar > separator { - margin: 6px 0; -} - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} - -row image.sidebar-icon:disabled { - color: rgba(255, 255, 255, 0.3); -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar { - padding: 6px 0; -} - -placessidebar .navigation-sidebar > row { - min-height: 32px; - margin: 0 4px 0 0; - padding: 3px; - border-radius: 0 9999px 9999px 0; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 0 8px 0 16px; -} - -placessidebar .navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #FBC02D; - font-weight: 500; -} - -placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #FBC02D; -} - -placessidebar .navigation-sidebar > row:disabled { - color: rgba(255, 255, 255, 0.5); -} - -placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} - -placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} - -placessidebar .navigation-sidebar > row label.sidebar-label { - color: inherit; -} - -placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} - -placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} - -placessidebar .navigation-sidebar > row.sidebar-placeholder-row { - background-color: alpha(currentColor, 0.08); -} - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #FBC02D; -} - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #FBC02D; -} - -placessidebar .navigation-sidebar > row:drop(active) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - -gtk-icon-transform: rotate(0turn); -} - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - -gtk-icon-transform: rotate(-0.5turn); -} - -placesview > actionbar > revealer > box > label { - border-spacing: 6px; -} - -/********* - * Paned * - *********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; - background-clip: content-box; - box-shadow: none; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #212121; - background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); - background-size: 1px 1px, 1px 1px; -} - -paned.horizontal > separator { - background-repeat: repeat-y; -} - -paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; -} - -paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; -} - -paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; -} - -paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; -} - -paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; -} - -/************ - * GtkVideo * - ************/ -video { - background: black; - border-radius: 12px; -} - -video image.osd { - min-width: 64px; - min-height: 64px; - border-radius: 9999px; - border: none; -} - -/************** - * GtkInfoBar * - **************/ -infobar { - border: none; - margin-bottom: 0; -} - -infobar > revealer > box { - padding: 6px; - border-spacing: 12px; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - color: white; - background-color: #2C2C2C; -} - -infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FBC02D; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); -} - -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #fbb814; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); -} - -infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); -} - -infobar.warning:hover > revealer > box { - background-color: #fbb814; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F44336; - color: white; -} - -infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: white; -} - -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: white; -} - -infobar.error:hover > revealer > box { - background-color: #f32c1e; -} - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(25, 25, 25, 0.9); - color: white; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - margin: 2px 6px 8px 6px; - border: none; -} - -tooltip > box { - border-spacing: 6px; -} - -/***************** - * Color Chooser * - *****************/ -colorswatch.top { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.top overlay { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.bottom { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.dark { - color: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 11px 11px 0 0; - color: white; -} - -colorswatch#add-color-button:only-child { - border-radius: 11px; -} - -colorswatch#add-color-button overlay { - background-color: #3C3C3C; -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - box-shadow: none; -} - -colorswatch#editor-color-sample { - border-radius: 11px; -} - -colorswatch#editor-color-sample overlay { - border-radius: 11px; -} - -colorchooser .popover.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #212121; -} - -/********************** - * Window Decorations * - **********************/ -window { - outline: none; - padding: 0; - margin: 0; -} - -window.csd { - border-radius: 18px; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { - border-radius: 0; -} - -window.csd.background { - background-color: transparent; - background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); -} - -window.csd:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd:backdrop.background { - background-color: transparent; - background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); -} - -window.csd.messagedialog { - background-color: #3C3C3C; - background-image: none; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.messagedialog:backdrop { - background-color: #212121; - background-image: none; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.csd.about.background, window.csd.about.background:backdrop, window.csd.info.background, window.csd.info.background:backdrop { - background-color: #212121; - background-image: none; -} - -window.ssd { - box-shadow: none; -} - -window.solid-csd { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; -} - -window.solid-csd:backdrop { - background-color: #2C2C2C; -} - -gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { - background-color: alpha(currentColor, 0.06); -} - -.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #FBC02D; - background-color: rgba(251, 192, 45, 0.2); -} - -textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; -} - -.monospace { - font-family: monospace; -} - -.numeric { - font-feature-settings: "tnum"; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #FBC02D; - -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); -} - -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - padding-top: 6px; -} - -shortcuts-section { - margin: 20px; -} - -.shortcuts-search-results { - margin: 20px; - border-spacing: 24px; -} - -shortcut { - border-spacing: 6px; -} - -shortcut > .keycap { - min-width: 12px; - min-height: 26px; - margin-top: 2px; - padding-bottom: 2px; - padding-left: 8px; - padding-right: 8px; - border: solid 1px rgba(255, 255, 255, 0.12); - border-radius: 8px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - background-clip: border-box; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #FBC02D; -} - -stackswitcher { - min-height: 0; - padding: 0; - border-radius: 9999px; - background-color: alpha(currentColor, 0.05); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - margin: 0 0; - border-radius: 9999px; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 100px; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -stackswitcher button.text-button { - min-width: 100px; -} - -stackswitcher.circular { - border-spacing: 12px; -} - -stackswitcher.circular button.circular, -stackswitcher.circular button.text-button.circular { - min-width: 36px; - min-height: 36px; - padding: 0; -} - -/************* - * App Icons * - *************/ -.lowres-icon { - -gtk-icon-shadow: none; -} - -.icon-dropshadow { - -gtk-icon-shadow: none; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; -} - -popover.emoji-picker > contents { - padding: 0; -} - -.emoji-searchbar { - padding: 6px; - border-spacing: 6px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.emoji-searchbar entry { - margin: 0; -} - -.emoji-searchbar entry text { - background: none; - box-shadow: none; -} - -.emoji-toolbar { - padding: 0; - border-spacing: 3px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background: none; - box-shadow: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 9px; -} - -button.emoji-section:checked { - color: #FBC02D; -} - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; -} - -popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { - background: alpha(currentColor, 0.08); -} - -emoji-completion-row { - min-height: 28px; - padding: 0 12px; -} - -emoji-completion-row > box { - border-spacing: 6px; - padding: 2px 6px; -} - -emoji-completion-row:focus, emoji-completion-row:hover, -emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { - background-color: alpha(currentColor, 0.08); - color: white; -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background.csd { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { - background-image: none; - background-color: #2C2C2C; -} - -.nautilus-window headerbar { - background-color: transparent; - box-shadow: none; -} - -.nautilus-window flap > separator { - background: none; - min-width: 0; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: transparent; - border-radius: 18px; - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow { - margin: 0 0 12px 12px; - border-radius: 12px; - background-color: rgba(251, 192, 45, 0.08); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { - border-radius: 12px 12px 0 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom { - border-radius: 0 0 12px 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - padding: 16px 0 16px 0; - background: none; - border-radius: 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable { - border-radius: 0; - padding: 0; - margin: -8px 0 -8px 0; - animation: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer { - padding-left: 12px; - padding-right: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box { - padding-right: 18px; - padding-left: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active { - background: none; - box-shadow: none; - animation: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { - padding-right: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: inherit; - min-height: 54px; - padding-left: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row { - background-color: transparent; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { - border-radius: 0; - border-radius: 9999px 0 0 9999px; - background-color: rgba(245, 124, 0, 0.1); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label { - color: #F57C00; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #FBC02D; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: transparent; - font-weight: 700; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #FBC02D; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - color: #FBC02D; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FBC02D; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #FBC02D; - background-color: #2C2C2C; - border-image-width: 10px 10px 10px 46px; - border-image-slice: 10 10 10 46; - border-image-repeat: stretch; - border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - padding-left: 14px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FBC02D; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - margin: 3px 3px 3px 0; - background: none; - border: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider { - border: none; -} - -.nautilus-window tabbar .box { - padding: 0 12px; - background-color: transparent; - box-shadow: inset 0 -1px #404040; -} - -.nautilus-window tabbar tab { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { - color: white; - background-color: rgba(255, 255, 255, 0.05); -} - -.nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { - color: white; -} - -.nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.nautilus-window tabbar tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window placesview label { - color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placesview label:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nautilus-window infobar { - margin: 3px; -} - -.nautilus-window infobar > revealer > box { - border-radius: 6px; -} - -.nautilus-window label.search-information { - margin: 3px; - border-radius: 6px; -} - -.nautilus-window .floating-bar { - min-height: 24px; - padding: 2px; - margin: 6px; - border: none; - border-radius: 9999px; - background-color: rgba(33, 33, 33, 0.95); - box-shadow: none; -} - -.nautilus-window .floating-bar button { - margin: 4px; -} - -#NautilusViewCell clamp box { - margin: 0; - border-spacing: 0; -} - -#NautilusQueryEditor { - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); - padding: 0 4px 0 8px; -} - -#NautilusQueryEditor:focus-within { - color: white; -} - -#NautilusQueryEditor:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#NautilusQueryEditor > menubutton > button.image-button { - min-width: 28px; - min-height: 28px; - margin: 4px 0; - padding: 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: white; -} - -#NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { - background: none; - box-shadow: none; -} - -#NautilusPathBar #NautilusPathButton:first-child { - margin-left: 0; -} - -#NautilusPathBar > menubutton > button { - border-radius: 9999px; -} - -#NautilusQueryEditorTag { - border-radius: 9999px; -} - -#NautilusQueryEditorTag > button { - margin: 3px; - padding: 0; - min-height: 22px; - min-width: 22px; -} - -window.dialog > box > stack > box > box > notebook.frame { - border-width: 0 0 0 1px; - border-radius: 0; -} - -leaflet { - background-color: transparent; -} - -leaflet stack.background { - background-color: transparent; -} - -leaflet > box > scrolledwindow > viewport > widget > stack { - background-color: #2C2C2C; -} - -.history-view { - background-color: #2C2C2C; -} - -#displayitem { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.small .card { - border-radius: 0; - box-shadow: none; -} - -.small .card.forecast-card { - border-width: 1px 0; -} - -.small .card.display-container { - border-width: 0 0 1px 0; -} - -leaflet button.number-button { - background-color: rgba(255, 255, 255, 0.1); -} - -leaflet button.number-button:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -leaflet button.number-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -leaflet button.clear-button.image-button { - border-radius: 12px; -} - -datechooser.view button.flat.pill, datechooser.view button.circular.day { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -.contacts-contact-list list.navigation-sidebar { - background: none; -} - -flowboxchild > button.card.category-tile { - padding: 21px; - border: none; - border-radius: 12px; -} - -flowboxchild > button.card.category-tile-iconless { - padding: 9px 15px; -} - -app-context-bar > box:not(:first-child) > button.flat { - border-radius: 0; -} - -app-context-bar > box:not(:first-child) > button.flat:last-child { - border-radius: 0 12px 12px 0; -} - -app-context-bar > box:first-child > button.flat { - border-radius: 0; -} - -app-context-bar > box:first-child > button.flat:first-child { - border-radius: 12px 0 0 12px; -} - -app-context-bar > box > button.flat { - border-left-color: rgba(255, 255, 255, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; - margin: 6px; -} - -.context-tile-lozenge.grey { - color: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { - color: #4cb168; - background-color: rgba(129, 201, 149, 0.15); -} - -.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { - color: #1A73E8; - background-color: rgba(26, 115, 232, 0.15); -} - -.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { - color: #d79b04; - background-color: rgba(251, 192, 45, 0.15); -} - -.context-tile-lozenge.details-rating-15 { - color: #F57C00; - background-color: rgba(245, 124, 0, 0.15); -} - -.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { - color: #d2190b; - background-color: rgba(244, 67, 54, 0.15); -} - -screenshot-carousel box.frame.view { - border-width: 1px 0; - border-radius: 0; -} - -/* Styling for specific category buttons. */ -.category-tile.category-create { - background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); - color: white; -} - -.category-tile.category-create:hover { - background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); -} - -.category-tile.category-create:active { - background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); -} - -.category-tile.category-develop { - background: #5e5c64; - color: white; -} - -.category-tile.category-develop:hover { - background: shade(#5e5c64, 1.2); -} - -.category-tile.category-develop:active { - background-color: shade(#5e5c64, 0.95); -} - -.category-tile.category-learn { - background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); - color: white; -} - -.category-tile.category-learn:hover { - background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); -} - -.category-tile.category-learn:active { - background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); -} - -.category-tile.category-play { - background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); - color: #393484; -} - -.category-tile.category-play:hover { - background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); -} - -.category-tile.category-play:active { - background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); -} - -.category-tile.category-socialize { - background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); - color: rgba(255, 255, 255, 0.7); -} - -.category-tile.category-socialize:hover { - background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); -} - -.category-tile.category-socialize:active { - background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); -} - -.category-tile.category-work { - padding: 1px; - /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ - color: #1c71d8; - background-color: #fdf8d7; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); - background-size: 10px 10px, 10px 10px; - background-position: -1px -4px, center -1px; -} - -.category-tile.category-work:hover { - background-color: #fefcef; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.category-tile.category-work:active { - background-color: #fcf4bf; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -.polari-room-list popover.background > arrow, -.polari-room-list popover.background > contents { - padding: 0; -} - -window.org-gnome-Builder headerbar splitbutton notification button { - margin: 0; - min-height: 24px; - min-width: 24px; - padding: 0; -} - -popover.background.global-search > arrow, -popover.background.global-search > contents { - padding: 0; -} - -panelframeswitcher { - padding: 6px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -panelframetabbar { - border-bottom: none; -} - -.frameheader.header { - min-height: 24px; - background-color: rgba(255, 255, 255, 0.04); -} - -.frameheader.header > button { - border: none; - margin: 0; - padding: 3px; -} - -.frameheader.header tabbar.inline > revealer > box { - min-height: 24px; -} - -.frameheader.header tabbar.inline > revealer > box .start-action { - padding: 0; - border: none; -} - -.frameheader.header tabbar.inline > revealer > box .end-action { - padding: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -.frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { - margin: 3px; - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -.frameheader.header tabbar.inline > revealer > box tabbox { - border: none; - background: none; -} - -panelstatusbar { - background-color: #212121; -} - -panelstatusbar > menubutton > button, -panelstatusbar > paneltogglebutton button.image-button { - border-radius: 0; -} - -.style-variant { - padding: 0 12px; -} - -.style-variant button.toggle { - padding: 0; -} - -.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { - background: none; - outline: none; - border: none; - box-shadow: none; -} - -.style-variant button.toggle > stylevariantpreview > .wallpaper { - border-radius: 12px; - outline-color: transparent; - outline-width: 3px; - outline-offset: 3px; - outline-style: solid; - box-shadow: none; -} - -.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { - outline-color: rgba(255, 255, 255, 0.04); -} - -.style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(255, 255, 255, 0.3); -} - -.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #FBC02D; -} - -window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { - border: none; - border-radius: 0; -} - -window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { - border-radius: 0; -} - -button.colorpad { - padding: 0px; - margin: 0px; - background-blend-mode: screen; - background-image: linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55), linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55); - background-color: @colorpad_color; - color: @colorpad_fg_color; - background-size: 18px 18px; - background-position: 0px 0px, 9px 9px; -} - -button.colorpad:hover { - filter: brightness(93%); -} - -button.colorpad:active { - filter: brightness(86%); -} - -button.colorpad:checked { - filter: brightness(100%); -} - -avatar { - border-radius: 9999px; - font-weight: bold; -} - -avatar.color1 { - background-image: linear-gradient(#83b6ec, #337fdc); - color: #cfe1f5; -} - -avatar.color2 { - background-image: linear-gradient(#7ad9f1, #0f9ac8); - color: #caeaf2; -} - -avatar.color3 { - background-image: linear-gradient(#8de6b1, #29ae74); - color: #cef8d8; -} - -avatar.color4 { - background-image: linear-gradient(#b5e98a, #6ab85b); - color: #e6f9d7; -} - -avatar.color5 { - background-image: linear-gradient(#f8e359, #d29d09); - color: #f9f4e1; -} - -avatar.color6 { - background-image: linear-gradient(#ffcb62, #d68400); - color: #ffead1; -} - -avatar.color7 { - background-image: linear-gradient(#ffa95a, #ed5b00); - color: #ffe5c5; -} - -avatar.color8 { - background-image: linear-gradient(#f78773, #e62d42); - color: #f8d2ce; -} - -avatar.color9 { - background-image: linear-gradient(#e973ab, #e33b6a); - color: #fac7de; -} - -avatar.color10 { - background-image: linear-gradient(#cb78d4, #9945b5); - color: #e7c2e8; -} - -avatar.color11 { - background-image: linear-gradient(#9e91e8, #7a59ca); - color: #d5d2f5; -} - -avatar.color12 { - background-image: linear-gradient(#e3cf9c, #b08952); - color: #f2eade; -} - -avatar.color13 { - background-image: linear-gradient(#be916d, #785336); - color: #e5d6ca; -} - -avatar.color14 { - background-image: linear-gradient(#c0bfbc, #6e6d71); - color: #d8d7d3; -} - -avatar.contrasted { - color: white; -} - -avatar.image { - background: none; -} - -splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); -} - -.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { - outline: none; -} - -splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { - background-image: image(alpha(currentColor, 0.1)); -} - -splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { - background-image: image(rgba(0, 0, 0, 0.2)); -} - -splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { - background-image: image(rgba(0, 0, 0, 0.15)); -} - -splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { - background-image: image(rgba(0, 0, 0, 0.05)); -} - -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { - background-image: image(rgba(0, 0, 0, 0.3)); -} - -button.opaque { - background-color: #4c4c4c; - color: white; -} - -button.destructive-action { - color: white; -} - -button.destructive-action, button.destructive-action:checked { - background-color: #F44336; -} - -button.suggested-action { - color: rgba(0, 0, 0, 0.87); -} - -button.suggested-action, button.suggested-action:checked { - background-color: #FBC02D; -} - -button.font separator { - background-color: transparent; -} - -button.font > box { - border-spacing: 6px; -} - -button.font > box > box > label { - font-weight: bold; -} - -menubutton.pill > button, button.pill { - padding: 10px 32px; - border-radius: 9999px; -} - -button.card { - background-clip: padding-box; - font-weight: inherit; - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -button.card:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -button.card.keyboard-activating, button.card:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - -button.card:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - -button.card:drop(active) { - color: #F57C00; - box-shadow: inset 0 0 0 1px #F57C00; -} - -menubutton.osd { - background: none; - color: inherit; -} - -menubutton.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -menubutton.destructive-action { - background-color: #F44336; - color: white; -} - -menubutton.opaque { - background-color: #4c4c4c; - color: white; -} - -menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { - border-radius: 12px; -} - -menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { - border-radius: 9999px; -} - -menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { - background-color: transparent; - color: inherit; -} - -menubutton.image-button > button { - min-width: 24px; - padding-left: 6px; - padding-right: 6px; -} - -menubutton arrow { - min-height: 16px; - min-width: 16px; -} - -menubutton arrow.none { - -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); -} - -menubutton arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -menubutton arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -menubutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -menubutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -splitbutton { - border-radius: 12px; -} - -splitbutton:disabled { - filter: none; - opacity: 1; -} - -splitbutton, splitbutton > separator { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - transition-property: background; -} - -splitbutton > separator { - margin-top: 6px; - margin-bottom: 6px; - background: none; -} - -splitbutton > menubutton > button { - padding-left: 6px; - padding-right: 6px; -} - -splitbutton.image-button > button { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { - padding-left: 9px; - padding-right: 9px; -} - -splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { - border-spacing: 6px; -} - -splitbutton > button:dir(ltr), -splitbutton > menubutton > button:dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - margin-right: 0; -} - -splitbutton > button:dir(rtl), -splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: 0; -} - -splitbutton.flat > separator { - background: rgba(255, 255, 255, 0.12); -} - -splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { - background: alpha(currentColor, 0.1); - color: white; -} - -splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { - background: none; -} - -splitbutton.flat:focus-within:focus-visible > separator { - background: none; -} - -splitbutton.flat > button, -splitbutton.flat > menubutton > button { - border-radius: 12px; -} - -splitbutton.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -splitbutton.destructive-action { - background-color: #F44336; - color: white; -} - -splitbutton.opaque { - background-color: #4c4c4c; - color: white; -} - -splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { - color: inherit; - background-color: transparent; -} - -splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); -} - -splitbutton > menubutton > button > arrow.none { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -buttoncontent { - border-spacing: 6px; -} - -buttoncontent > label { - font-weight: bold; -} - -buttoncontent > label:dir(ltr) { - padding-right: 2px; -} - -buttoncontent > label:dir(rtl) { - padding-left: 2px; -} - -.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { - padding-right: 0; -} - -.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { - padding-left: 0; -} - -toast { - margin: 12px; - margin-bottom: 24px; - border-radius: 9999px; - border-spacing: 6px; - padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.7); - font-weight: normal; -} - -toast:dir(ltr) { - padding-left: 12px; -} - -toast:dir(rtl) { - padding-right: 12px; -} - -toast > widget { - margin: 0 6px; -} - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; - border-spacing: 36px; -} - -statuspage > scrolledwindow > viewport > box > clamp > box { - border-spacing: 12px; -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - -gtk-icon-size: 128px; - color: alpha(currentColor, 0.45); -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { - opacity: 0.45; -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 24px; -} - -statuspage.compact > scrolledwindow > viewport > box { - margin: 24px 12px; - border-spacing: 24px; -} - -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { - -gtk-icon-size: 96px; -} - -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 12px; -} - -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { - font-size: 18pt; -} - -list.content, -list.boxed-list, .card { - border-radius: 12px; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: padding-box; - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -preferencespage > scrolledwindow > viewport > clamp > box { - margin: 24px 12px; - border-spacing: 24px; -} - -preferencesgroup > box, preferencesgroup > box .labels { - border-spacing: 6px; -} - -preferencesgroup > box > box.header:not(.single-line) { - margin-bottom: 6px; -} - -preferencesgroup > box > box.single-line { - min-height: 36px; -} - -preferencesgroup > box button.background-preview-button.toggle { - padding: 0; - background: none; - box-shadow: none; - outline-color: transparent; - outline-width: 3px; - outline-offset: 3px; - outline-style: solid; -} - -preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { - border-radius: 6px; -} - -preferencesgroup > box button.background-preview-button.toggle:hover { - outline-color: rgba(255, 255, 255, 0.04); -} - -preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(255, 255, 255, 0.3); -} - -preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #FBC02D; -} - -viewswitcher { - margin: 0; -} - -viewswitcher.wide { - border-spacing: 3px; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.04); - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #FBC02D; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: none; -} - -viewswitcher button.toggle { - font-weight: bold; - padding: 0; - min-height: 0; - margin: 0; -} - -viewswitcher button.toggle > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; - border-spacing: 4px; -} - -viewswitcher button.toggle > stack > box.narrow > stack > label { - padding-left: 8px; - padding-right: 8px; -} - -viewswitcher button.toggle > stack > box.wide { - padding: 0 12px; - border-spacing: 6px; -} - -viewswitcherbar actionbar > revealer > box { - padding: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -indicatorbin > indicator, indicatorbin > mask { - min-width: 6px; - min-height: 6px; - border-radius: 9999px; -} - -indicatorbin > indicator { - margin: 1px; - padding: 0; - background: alpha(currentColor, 0.4); -} - -indicatorbin > indicator > label { - font-size: 0.6rem; - font-weight: bold; - padding: 2px 5px; - color: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #FBC02D; -} - -indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); -} - -tabbar .box { - min-height: 28px; - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - padding: 0; - box-shadow: inset 0 -1px #404040; - border-bottom: none; -} - -tabbar tabbox > tabboxchild { - border-radius: 0; - margin: 0; - padding-top: 4px; -} - -tabbar tabbox > separator { - margin-top: 9px; - margin-bottom: 9px; - transition: opacity 150ms ease-in-out; -} - -tabbar tabbox > separator.hidden { - opacity: 0; -} - -tabbar tabbox > revealer > indicator { - min-width: 2px; - border-radius: 2px; - margin: 9px 6px; - background: alpha(#FBC02D, 0.5); -} - -tabbar tab { - transition: none; - border-radius: 12px 12px 0 0; - border: 1px solid transparent; - border-bottom-width: 0; - color: rgba(255, 255, 255, 0.7); - padding: 6px 12px; -} - -tabbar tab:hover:not(:selected):not(:active):not(:checked) { - transition: none; - background-color: #404040; - box-shadow: none; - color: white; - border-color: #404040; - border-radius: 12px 12px 0 0; -} - -tabbar tab:selected, tabbar tab:checked, tabbar tab:active { - transition: background-color 150ms ease-in-out; - background-color: #2C2C2C; - box-shadow: none; - color: white; - border-color: #404040; - border-radius: 12px 12px 0 0; -} - -tabbar .start-action, -tabbar .end-action { - padding: 6px; -} - -tabbar .start-action:dir(ltr), -tabbar .end-action:dir(rtl) { - padding-right: 0; -} - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - padding-left: 0; -} - -tabview > stack { - background-color: #2C2C2C; -} - -dnd tab { - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - box-shadow: none; - margin: 24px; -} - -tabbar tab button.image-button, -dnd tab button.image-button { - padding: 0; - margin: 0; - min-width: 20px; - min-height: 20px; - border-radius: 9999px; - border: none; -} - -tabbar tab indicator, -dnd tab indicator { - min-height: 2px; - border-radius: 2px; - background: alpha(#FBC02D, 0.5); -} - -tabview:drop(active), -tabbox:drop(active) { - box-shadow: none; -} - -.unfolded stacksidebar.sidebar { - border: none; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #212121; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #FBC02D; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #212121; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #FBC02D; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); -/* -insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -/* -these are pretty self explicative */ -@define-color warning_color #FBC02D; -@define-color error_color #F44336; -@define-color success_color #81C995; -/* -these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@define-color placeholder_text_color silver; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1d1d1d; -@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); -@define-color budgie_tasklist_indicator_color_active #FBC02D; -@define-color budgie_tasklist_indicator_color_active_window rgba(170, 133, 41, 0.8075); -@define-color budgie_tasklist_indicator_color_attention #FBC02D; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; -@define-color blue_1 #99c1f1; -@define-color blue_2 #62a0ea; -@define-color blue_3 #3584e4; -@define-color blue_4 #1c71d8; -@define-color blue_5 #1a5fb4; -@define-color green_1 #8ff0a4; -@define-color green_2 #57e389; -@define-color green_3 #33d17a; -@define-color green_4 #2ec27e; -@define-color green_5 #26a269; -@define-color yellow_1 #f9f06b; -@define-color yellow_2 #f8e45c; -@define-color yellow_3 #f6d32d; -@define-color yellow_4 #f5c211; -@define-color yellow_5 #e5a50a; -@define-color orange_1 #ffbe6f; -@define-color orange_2 #ffa348; -@define-color orange_3 #ff7800; -@define-color orange_4 #e66100; -@define-color orange_5 #c64600; -@define-color red_1 #f66151; -@define-color red_2 #ed333b; -@define-color red_3 #e01b24; -@define-color red_4 #c01c28; -@define-color red_5 #a51d2d; -@define-color purple_1 #dc8add; -@define-color purple_2 #c061cb; -@define-color purple_3 #9141ac; -@define-color purple_4 #813d9c; -@define-color purple_5 #613583; -@define-color brown_1 #cdab8f; -@define-color brown_2 #b5835a; -@define-color brown_3 #986a44; -@define-color brown_4 #865e3c; -@define-color brown_5 #63452c; -@define-color light_1 #ffffff; -@define-color light_2 #f6f5f4; -@define-color light_3 #deddda; -@define-color light_4 #c0bfbc; -@define-color light_5 #9a9996; -@define-color dark_1 #77767b; -@define-color dark_2 #5e5c64; -@define-color dark_3 #3d3846; -@define-color dark_4 #241f31; -@define-color dark_5 #000000; -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -@define-color accent_bg_color #FBC02D; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #FBC02D; -@define-color destructive_bg_color #F44336; -@define-color destructive_fg_color white; -@define-color destructive_color #F44336; -@define-color success_bg_color #81C995; -@define-color success_fg_color rgba(0, 0, 0, 0.87); -@define-color success_color #81C995; -@define-color warning_bg_color #FBC02D; -@define-color warning_fg_color rgba(0, 0, 0, 0.87); -@define-color warning_color #FBC02D; -@define-color error_bg_color #F44336; -@define-color error_fg_color white; -@define-color error_color #F44336; -@define-color window_bg_color #212121; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 0.12); -@define-color headerbar_backdrop_color #2C2C2C; -@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); -@define-color card_bg_color #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(255, 255, 255, 0.12); -@define-color dialog_bg_color #242424; -@define-color dialog_fg_color white; -@define-color popover_bg_color #3C3C3C; -@define-color popover_fg_color white; -@define-color shade_color rgba(255, 255, 255, 0.12); -@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12); diff --git a/pika-gnome-settings/etc/skel/.config/gtk-4.0/gtk.css b/pika-gnome-settings/etc/skel/.config/gtk-4.0/gtk.css deleted file mode 100644 index 9bf2800..0000000 --- a/pika-gnome-settings/etc/skel/.config/gtk-4.0/gtk.css +++ /dev/null @@ -1,6352 +0,0 @@ -@keyframes ripple { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%); - } -} - -@keyframes ripple-on-slider { - from { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 100%, transparent 0%); - } -} - -@keyframes ripple-on-headerbar { - from { - background-image: radial-gradient(circle farthest-corner at center, #FFD600 30%, transparent 0%); - } - to { - background-image: radial-gradient(circle farthest-corner at center, #FFD600 100%, transparent 0%); - } -} - -/*************** - * Base States * - ***************/ -.background { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.87); -} - -dnd { - color: rgba(0, 0, 0, 0.87); -} - -.normal-icons { - -gtk-icon-size: 16px; -} - -.large-icons { - -gtk-icon-size: 32px; -} - -.lowres-icon:not(.large-icons) { - -gtk-icon-size: 16px; -} - -.symbolic-circular { - background-color: rgba(0, 0, 0, 0.04); - border-radius: 9999px; - padding: 0; - min-height: 32px; - min-width: 32px; -} - -spinner:disabled, -arrow:disabled, -scrollbar:disabled, -check:disabled, -radio:disabled, -treeview.expander:disabled { - -gtk-icon-filter: opacity(0.5); -} - -iconview, .view { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -iconview:disabled, .view:disabled { - color: rgba(0, 0, 0, 0.38); -} - -textview text { - background-color: #FFFFFF; -} - -textview border { - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.6); -} - -iconview:hover, iconview:selected { - border-radius: 6px; -} - -rubberband, .content-view rubberband, .content-view columnview.view > rubberband, -.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, -treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #FFD600; - background-color: rgba(255, 214, 0, 0.3); -} - -flowbox > flowboxchild { - padding: 4px; - border-radius: 12px; -} - -flowbox > flowboxchild button.remove-button.osd { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -gridview > child { - padding: 3px; -} - -gridview > child:selected { - outline-color: alpha(currentColor, 0.06); -} - -gridview > child box { - border-spacing: 8px; - margin: 12px; -} - -coverflow cover { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - border: 1px solid black; -} - -label.separator { - color: rgba(0, 0, 0, 0.6); -} - -label:disabled { - opacity: 1; - filter: none; - color: rgba(0, 0, 0, 0.38); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 12px; - background-color: rgba(52, 52, 52, 0.9); - color: white; -} - -.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle { - color: rgba(0, 0, 0, 0.6); -} - -.accent { - color: #FFD600; -} - -.success { - color: #0F9D58; -} - -.warning { - color: #FFD600; -} - -.error { - color: #E53935; -} - -window.assistant .sidebar { - padding: 4px 0; -} - -window.assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(0, 0, 0, 0.38); - font-weight: 500; -} - -window.assistant .sidebar label.highlight { - color: rgba(0, 0, 0, 0.87); -} - -toast, .osd popover.background > arrow, -.osd popover.background > contents, popover.background.touch-selection > arrow, -popover.background.touch-selection > contents, popover.background.magnifier > arrow, -popover.background.magnifier > contents, .osd { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - background-clip: padding-box; - border-radius: 12px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); -} - -.osd.circular { - border-radius: 9999px; -} - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -/**************** - * Text Entries * - ****************/ -headerbar popover.background entry, entry { - caret-color: currentColor; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background entry:focus-within, entry:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; - outline-width: 2px; - outline-offset: -2px; -} - -headerbar popover.background entry:drop(active), entry:drop(active) { - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); - outline: 2px solid alpha(currentColor, 0.08); - outline-offset: -2px; -} - -headerbar popover.background entry:disabled, entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); - outline: none; - filter: none; - opacity: 1; -} - -headerbar popover.background entry:disabled > label, entry:disabled > label { - color: rgba(0, 0, 0, 0.38); -} - -headerbar popover.background entry image, entry image { - color: rgba(0, 0, 0, 0.6); -} - -headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active { - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background entry image:disabled, entry image:disabled { - color: rgba(0, 0, 0, 0.38); -} - -entry { - min-height: 36px; - padding: 0 8px; - border-spacing: 6px; - border-radius: 12px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -entry image.left { - margin-left: 2px; - margin-right: 6px; -} - -entry image.right { - margin-left: 6px; - margin-right: 2px; -} - -entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); - padding-left: 1px; - background-size: 1px 12px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left top; - margin: 0 4px; - margin: 4px 0; -} - -entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); - padding-right: 1px; - background-size: 1px 12px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right top; - margin: 0 4px; - margin: 4px 0; -} - -entry.error { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(229, 57, 53, 0.08); - color: #E53935; -} - -entry.error image { - color: #E53935; -} - -entry.error selection { - color: white; - background-color: #E53935; -} - -entry.error:focus-within { - background-color: rgba(229, 57, 53, 0.08); - color: #E53935; - outline-color: #E53935; - outline-width: 2px; - outline-offset: -2px; -} - -entry.error:disabled { - background-color: rgba(229, 57, 53, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(229, 57, 53, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.error:disabled > label { - color: rgba(0, 0, 0, 0.38); -} - -entry.success { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(15, 157, 88, 0.08); - color: #0F9D58; -} - -entry.success image { - color: #0F9D58; -} - -entry.success selection { - color: white; - background-color: #0F9D58; -} - -entry.success:focus-within { - background-color: rgba(15, 157, 88, 0.08); - color: #0F9D58; - outline-color: #0F9D58; - outline-width: 2px; - outline-offset: -2px; -} - -entry.success:disabled { - background-color: rgba(15, 157, 88, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(15, 157, 88, 0.35); - outline: none; - filter: none; - opacity: 1; -} - -entry.success:disabled > label { - color: rgba(0, 0, 0, 0.38); -} - -entry.warning { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -entry.warning image { - color: #FFD600; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; -} - -entry.warning:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; - outline-width: 2px; - outline-offset: -2px; -} - -entry.warning:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); - outline: none; - filter: none; - opacity: 1; -} - -entry.warning:disabled > label { - color: rgba(0, 0, 0, 0.38); -} - -entry > progress, -entry progress > trough > progress { - margin: 2px -8px; - border-bottom: 2px solid #FFD600; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #FFFFFF; -} - -treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { - border-image: none; - box-shadow: none; -} - -.entry-tag { - margin: 2px; - border-radius: 9999px; - box-shadow: none; - background-color: rgba(0, 0, 0, 0.15); - color: rgba(0, 0, 0, 0.87); -} - -.entry-tag:hover { - background-image: image(alpha(currentColor, 0.08)); -} - -:dir(ltr) .entry-tag { - margin-left: 4px; - margin-right: 0; - padding-left: 12px; - padding-right: 8px; -} - -:dir(rtl) .entry-tag { - margin-left: 0; - margin-right: 4px; - padding-left: 8px; - padding-right: 12px; -} - -.entry-tag.button { - box-shadow: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.6); -} - -editablelabel > stack > text { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #FFD600 0%, rgba(255, 214, 0, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #FFD600 95%, rgba(255, 214, 0, 0)); - } -} - -infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { - color: white; -} - -infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.5); -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action), button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(0, 0, 0, 0.04); - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent; -} - -headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - -headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - filter: none; - opacity: 1; -} - -headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { - box-shadow: inset 0 0 0 9999px transparent; -} - -headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -button { - min-height: 24px; - min-width: 16px; - padding: 6px 10px; - border-radius: 12px; - font-weight: 500; -} - -button:drop(active) { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.nautilus-window tabbar tab > button.flat, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, -radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button, -dnd tab button.image-button, splitbutton.flat > button, -splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, -toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), -combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-color: transparent; - background-image: radial-gradient(circle, transparent 0%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window tabbar tab > button.flat:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, -radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus, -dnd tab button.image-button:focus, splitbutton.flat > button:focus, -splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus, -toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), -combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window tabbar tab > button.flat:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, -radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover, -dnd tab button.image-button:hover, splitbutton.flat > button:hover, -splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, -toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), -combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window tabbar tab > button.flat:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, -radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active, -dnd tab button.image-button:active, splitbutton.flat > button:active, -splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, -toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), -combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, -radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled, -dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, -splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, -toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), -combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -tabbar tab button.image-button:checked, -dnd tab button.image-button:checked, splitbutton.flat > button:checked, -splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, -toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), -combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -tabbar tab button.image-button:checked:disabled, -dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled, -splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, -toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), -combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.38); -} - -button.text-button { - min-width: 32px; - padding-left: 16px; - padding-right: 16px; -} - -button.text-button.flat { - min-width: 48px; - padding-left: 8px; - padding-right: 8px; -} - -button.image-button { - min-width: 24px; - padding: 6px; -} - -button.text-button.image-button { - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -button.text-button.image-button label:first-child { - margin-left: 10px; -} - -button.text-button.image-button label:last-child { - margin-right: 10px; -} - -button.text-button.image-button.flat label:first-child { - margin-left: 6px; -} - -button.text-button.image-button.flat label:last-child { - margin-right: 6px; -} - -button.text-button.image-button image:not(:only-child) { - margin: 0 4px; -} - -.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { - border-radius: 12px; -} - -.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.linked:not(.vertical) > menubutton:first-child > button { - border-radius: 12px 0 0 12px; -} - -.linked:not(.vertical) > menubutton:last-child > button { - border-radius: 0 12px 12px 0; -} - -button.osd { - box-shadow: none; - padding: 12px 16px; - background-color: #FFFFFF; - border: 1px solid rgba(0, 0, 0, 0.12); - background-clip: padding-box; -} - -button.osd:hover { - background-color: rgba(235, 235, 235, 0.987); -} - -button.osd:active { - background-color: rgba(214, 214, 214, 0.974); -} - -button.osd.image-button { - padding: 12px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - filter: none; - opacity: 1; -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 214, 0, 0.2), 0 4px 3px 0 rgba(255, 214, 0, 0.14), 0 1px 6px 0 rgba(255, 214, 0, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(192, 161, 0, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 214, 0, 0.3), 0 2px 3px -1px rgba(255, 214, 0, 0.24), 0 2px 5px 0 rgba(255, 214, 0, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(255, 214, 0, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #FFD600; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -button.suggested-action.flat:checked { - background-color: rgba(255, 214, 0, 0.3); -} - -button.destructive-action { - background-color: #E53935; - color: white; - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - filter: none; - opacity: 1; -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12); -} - -button.destructive-action:checked { - background-color: #ed7472; -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #E53935; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -button.destructive-action.flat:checked { - background-color: rgba(229, 57, 53, 0.3); -} - -stackswitcher > button > label { - margin: 0 -6px; - padding: 0 6px; -} - -stackswitcher > button > image { - margin: -3px -6px; - padding: 3px 6px; -} - -stackswitcher > button.needs-attention:checked > label, -stackswitcher > button.needs-attention:checked > image { - animation: none; - background-image: none; -} - -button.font > box, button.file > box { - border-spacing: 6px; -} - -button.font > box > box > label, button.file > box > box > label { - font-weight: bold; -} - -menubutton.circular > button, filechooser #pathbarbox > stack > box > button, check, -radio, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action), button.image-button, button.close, button.circular { - border-radius: 9999px; -} - -menubutton.circular > button label, filechooser #pathbarbox > stack > box > button label, check label, -radio label, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) label, button.image-button label, button.close label, button.circular label { - padding: 0; -} - -.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 9999px; -} - -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-repeat: no-repeat; - background-position: right 3px; - background-size: 6px 6px; -} - -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), -stackswitcher > button.needs-attention > image:dir(rtl) { - background-position: left 3px; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { - border-radius: 0; -} - -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { - border-top-left-radius: 12px; - border-bottom-left-radius: 12px; -} - -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { - border-top-right-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { - border-radius: 12px; -} - -.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { - border-radius: 0; -} - -.linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -.linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 12px; -} - -button.color { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - - -list > row button.image-button:not(.flat) { - background-color: transparent; - box-shadow: none; - border: none; -} - - -list > row button.image-button:not(.flat):hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - - -list > row button.image-button:not(.flat):active, -list > row button.image-button:not(.flat):checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #E53935; - color: white; -} - -/********* - * Links * - *********/ -link { - color: #FFD600; -} - -link:visited { - color: #AB47BC; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #FFD600; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #AB47BC; -} - -button.link > label { - text-decoration-line: underline; -} - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical), spinbutton.vertical { - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - border-radius: 12px; - padding: 0; - border-spacing: 0; -} - -spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; - outline-width: 2px; - outline-offset: -2px; -} - -spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); - outline: none; - filter: none; - opacity: 1; -} - -spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label { - color: rgba(0, 0, 0, 0.38); -} - -spinbutton:not(.vertical) > text, spinbutton.vertical > text { - margin: 0; - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -spinbutton:not(.vertical) > button, spinbutton.vertical > button { - padding: 0; - border: 6px solid transparent; -} - -spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) { - box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.6); -} - -spinbutton:not(.vertical) > text { - min-width: 32px; - padding-left: 12px; -} - -spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { - margin-left: -3px; -} - -spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { - margin-right: -3px; -} - -spinbutton.vertical:disabled { - color: rgba(0, 0, 0, 0.38); -} - -spinbutton.vertical > text { - min-height: 36px; - min-width: 42px; - padding: 0; -} - -spinbutton.vertical > button.up { - margin: 0 3px; -} - -spinbutton.vertical > button.down { - margin: 0 3px; -} - -list > row spinbutton:not(.vertical) > button { - margin: 6px; -} - -list > row spinbutton:not(.vertical) > button.up:dir(ltr), list > row spinbutton:not(.vertical) > button.down:dir(rtl) { - margin-left: 3px; -} - -list > row spinbutton:not(.vertical) > button.up:dir(rtl), list > row spinbutton:not(.vertical) > button.down:dir(ltr) { - margin-right: 3px; -} - -/************** - * ComboBoxes * - **************/ -dropdown > button > box { - border-spacing: 6px; -} - -dropdown arrow, -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -dropdown > popover.menu, -combobox > popover.menu { - margin-top: 6px; - padding: 0; -} - -dropdown button.combo cellview:dir(ltr), -combobox button.combo cellview:dir(ltr) { - margin-left: -2px; -} - -dropdown button.combo cellview:dir(rtl), -combobox button.combo cellview:dir(rtl) { - margin-right: -2px; -} - -dropdown.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -dropdown.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -dropdown > .linked:not(.vertical) > entry:not(:only-child), -combobox > .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, -combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { - margin-right: -36px; - padding-right: 36px; -} - -dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, -combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { - margin-left: -36px; - padding-left: 36px; -} - -dropdown > .linked:not(.vertical) > button:not(:only-child), -combobox > .linked:not(.vertical) > button:not(:only-child) { - min-height: 16px; - min-width: 16px; - margin: 6px; - padding: 4px; - border-radius: 12px; -} - -.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.linked.vertical > combobox:not(:first-child) > box > button.combo { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.linked.vertical > combobox:not(:last-child) > box > button.combo { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -button.combo:only-child { - border-radius: 12px; - font-weight: normal; - transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); - outline: 0 solid transparent; - outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - filter: none; - opacity: 1; -} - -.app-notification, .toolbar.osd, -toolbar.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; -} - -.app-notification:backdrop, .toolbar.osd:backdrop, -toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #F2F2F2; - border-spacing: 6px; -} - -.osd .toolbar, .osd toolbar { - background-color: transparent; -} - -.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, -toolbar.osd.left, -toolbar.osd.right, -toolbar.osd.top, -toolbar.osd.bottom { - border-radius: 0; -} - -.toolbar.osd.bottom, -toolbar.osd.bottom { - box-shadow: none; - background-color: transparent; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); -} - -.toolbar.horizontal > separator, -toolbar.horizontal > separator { - margin: 2px; -} - -.toolbar.vertical > separator, -toolbar.vertical > separator { - margin: 2px; -} - -.toolbar:not(.inline-toolbar):not(.osd) scale, -.toolbar:not(.inline-toolbar):not(.osd) entry, -.toolbar:not(.inline-toolbar):not(.osd) spinbutton, -.toolbar:not(.inline-toolbar):not(.osd) button, -toolbar:not(.inline-toolbar):not(.osd) scale, -toolbar:not(.inline-toolbar):not(.osd) entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton, -toolbar:not(.inline-toolbar):not(.osd) button { - margin: 2px; -} - -.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { - margin-left: 0; -} - -.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), -.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), -toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { - margin-right: 0; -} - -.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, -.toolbar:not(.inline-toolbar):not(.osd) spinbutton button, -toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, -toolbar:not(.inline-toolbar):not(.osd) spinbutton button { - margin: 0; -} - -.toolbar:not(.inline-toolbar):not(.osd) switch, -toolbar:not(.inline-toolbar):not(.osd) switch { - margin: 8px 2px; -} - -.toolbar button { - margin: 1px; - border-radius: 6px; -} - -searchbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; - background-clip: border-box; - box-shadow: none; -} - -searchbar > revealer > box entry, -searchbar > revealer > box button, -searchbar > revealer > box menubutton, -searchbar > revealer > box splitbutton { - margin: 0; -} - -/*************** - * Header bars * - ***************/ -window.about.background.csd headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -window.about.background.csd headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.87); -} - -window.about.background.csd headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -window.about.background.csd headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); -} - -window.about.background.csd headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); -} - -window.about.background.csd headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -window.about.background.csd headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -window.about.background.csd headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -window.about.background.csd headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 9999px; -} - -headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.87); -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(0, 0, 0, 0.38); -} - -headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); -} - -headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar entry { - caret-color: rgba(0, 0, 0, 0.87); -} - -headerbar entry { - background-color: rgba(0, 0, 0, 0.04); -} - -headerbar entry, headerbar entry > text { - color: rgba(0, 0, 0, 0.87); -} - -headerbar entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -headerbar entry image { - color: rgba(0, 0, 0, 0.6); -} - -headerbar entry image:hover, headerbar entry image:active { - color: rgba(0, 0, 0, 0.87); -} - -headerbar entry image:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - min-height: 48px; - padding: 0; - margin: 0; - background-color: #FFFFFF; -} - -headerbar:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar:backdrop { - color: rgba(0, 0, 0, 0.6); - background-color: #FFFFFF; -} - -headerbar:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); -} - -headerbar .title { - padding: 0 12px; - font-weight: bold; -} - -headerbar .subtitle { - padding: 0 12px; - font-size: smaller; -} - -headerbar .subtitle, -headerbar .dim-label, -headerbar row.expander:not(:checked) image.expander-row-arrow, -row.expander:not(:checked) headerbar image.expander-row-arrow, -headerbar row label.subtitle, -row headerbar label.subtitle { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); -} - -headerbar .subtitle:backdrop, -headerbar .dim-label:backdrop, -headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, -row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -headerbar headerbar { - background-color: transparent; - box-shadow: none; -} - -headerbar splitbutton { - border-radius: 9999px; -} - -headerbar splitbutton > button, headerbar splitbutton > menubutton > button { - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 9999px; -} - -headerbar splitbutton > button:dir(ltr), -headerbar splitbutton > menubutton > button:dir(rtl) { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; -} - -headerbar splitbutton > button:dir(rtl), -headerbar splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; -} - -headerbar .linked:not(.vertical) > entry:not(:only-child) { - border-radius: 12px; -} - -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -headerbar button.toggle { - border-radius: 9999px; -} - -headerbar.flat { - background-color: #F2F2F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - color: rgba(0, 0, 0, 0.6); - border-radius: 18px 18px 0 0; -} - -background.csd.info headerbar.flat, background.csd.about headerbar.flat { - background-color: transparent; - box-shadow: none; -} - -headerbar popover.background > contents { - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle { - color: rgba(0, 0, 0, 0.6); -} - -headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { - border-radius: 5px; -} - -headerbar popover.background button:not(.suggested-action):not(.destructive-action) image { - color: rgba(0, 0, 0, 0.87); -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - border-radius: 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):first-child { - border-radius: 5px 0 0 5px; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):last-child { - border-radius: 0 5px 5px 0; -} - -headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):only-child { - border-radius: 5px; -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - color: rgba(0, 0, 0, 0.87); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { - color: rgba(0, 0, 0, 0.26); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: rgba(0, 0, 0, 0.87); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { - color: rgba(0, 0, 0, 0.6); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(0, 0, 0, 0.38); -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.26); -} - -headerbar > windowhandle > box { - padding: 0 6px; -} - -headerbar > windowhandle > box, -headerbar > windowhandle > box > box.start, -headerbar > windowhandle > box > box.end { - border-spacing: 6px; -} - -headerbar entry, -headerbar spinbutton, -headerbar button, -headerbar stackswitcher, -headerbar menubutton, -headerbar splitbutton { - margin-top: 6px; - margin-bottom: 6px; -} - -headerbar menubutton > button, -headerbar spinbutton > button, -headerbar splitbutton > button, -headerbar splitbutton > menubutton, -headerbar .linked > menubutton, -headerbar entry > menubutton { - margin-top: 0; - margin-bottom: 0; -} - -headerbar switch { - margin-top: 12px; - margin-bottom: 12px; -} - -headerbar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -headerbar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.6); -} - -headerbar.selection-mode .subtitle:link { - color: rgba(0, 0, 0, 0.87); -} - -headerbar.selection-mode .selection-menu { - padding-left: 16px; - padding-right: 16px; -} - -headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -headerbar .selection-mode { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FFD600; -} - -.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; -} - -headerbar.default-decoration { - min-height: 24px; - padding: 6px; - background-image: none; - background-color: #FFFFFF; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); -} - -headerbar.default-decoration windowcontrols button, -headerbar.default-decoration windowcontrols menubutton { - padding: 0; - min-height: 24px; - min-width: 24px; - margin: 0; -} - -.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - border-radius: 0; - box-shadow: none; -} - -window.devel headerbar.titlebar { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 214, 0, 0.2)), linear-gradient(to top, #f7f7f7, #FFFFFF 3px, white); -} - -window.devel headerbar.titlebar:backdrop { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#FFFFFF); - /* background-color would flash */ -} - -headerbar windowcontrols { - border-spacing: 6px; -} - -headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 0; - margin-left: 0; -} - -headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 0; - margin-right: 0; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):hover > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):active > image, headerbar windowcontrols button:not(.suggested-action):not(.destructive-action):backdrop > image { - background-color: transparent; -} - -headerbar windowcontrols button:not(.suggested-action):not(.destructive-action) > image { - padding: 0; - border: none; - outline: none; - box-shadow: none; -} - -/************ - * Pathbars * - ************/ - -pathbar > button { - padding-left: 6px; - padding-right: 6px; - border-radius: 12px; - border-spacing: 3px; -} - - -pathbar > button label, -pathbar > button image { - margin-left: 3px; - margin-right: 3px; -} - - -pathbar > button label:not(:only-child):first-child { - margin-left: 0; -} - - -pathbar > button label:not(:only-child):last-child { - margin-right: 0; -} - - -pathbar > button.text-button { - min-width: 0; -} - - -pathbar > button.slider-button { - padding-left: 4px; - padding-right: 4px; -} - -.pathbar { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); - border: none; - border-radius: 12px; - padding: 2px; -} - -headerbar .pathbar { - margin-top: 6px; - margin-bottom: 6px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} - -.pathbar > button { - margin-top: 0; - margin-bottom: 0; - min-height: 20px; - border-radius: 10px; - border: none; - box-shadow: none; -} - -.pathbar > button:last-child { - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #dedede; - border-top-color: #dedede; -} - -columnview.view:selected, -treeview.view:selected { - background-color: #FFFFFF; - background-image: image(alpha(currentColor, 0.1)); - box-shadow: none; -} - -columnview.view:hover, columnview.view:selected, -treeview.view:hover, -treeview.view:selected { - border-radius: 0; - box-shadow: none; -} - -columnview.view.separator, -treeview.view.separator { - min-height: 5px; - color: rgba(0, 0, 0, 0.12); -} - -columnview.view:drop(active), -treeview.view:drop(active) { - box-shadow: none; -} - -columnview.view:drop(active).after, -treeview.view:drop(active).after { - border-top-style: none; -} - -columnview.view:drop(active).before, -treeview.view:drop(active).before { - border-bottom-style: none; -} - -columnview.view > dndtarget:drop(active), -treeview.view > dndtarget:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: alpha(currentColor, 0.06); -} - -columnview.view > dndtarget:drop(active).after, -treeview.view > dndtarget:drop(active).after { - border-top-style: none; -} - -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { - border-bottom-style: none; -} - -columnview.view.expander, -treeview.view.expander { - min-width: 16px; - min-height: 16px; - color: rgba(0, 0, 0, 0.6); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -columnview.view.expander:dir(rtl), -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -columnview.view.expander:checked, -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -columnview.view.expander:hover, -treeview.view.expander:hover { - color: rgba(0, 0, 0, 0.87); -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: #FFD600; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: rgba(255, 214, 0, 0.65); -} - -columnview.view.expander:disabled, -treeview.view.expander:disabled { - color: rgba(0, 0, 0, 0.26); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #FFD600; - box-shadow: none; - background-color: transparent; - background-image: none; -} - -columnview.view.progressbar:selected:hover, -treeview.view.progressbar:selected:hover { - box-shadow: none; -} - -columnview.view.trough, -treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - background-color: transparent; - background-image: none; -} - -columnview.view.trough:selected:hover, -treeview.view.trough:selected:hover { - box-shadow: none; -} - -columnview.view > header > button, -treeview.view > header > button { - padding: 2px 6px; - border-style: none solid solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0; - background-clip: border-box; -} - -columnview.view > header > button:not(:focus):not(:hover):not(:active), -treeview.view > header > button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.6); -} - -columnview.view > header > button, columnview.view > header > button:disabled, -treeview.view > header > button, -treeview.view > header > button:disabled { - background-color: #FFFFFF; -} - -columnview.view > header > button:last-child, -treeview.view > header > button:last-child { - border-right-style: none; -} - -columnview.view > header > button sort-indicator, -treeview.view > header > button sort-indicator { - min-height: 16px; - min-width: 16px; -} - -columnview.view > header > button sort-indicator.ascending, -treeview.view > header > button sort-indicator.ascending { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -columnview.view > header > button sort-indicator.descending, -treeview.view > header > button sort-indicator.descending { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -columnview.view button.dnd, -columnview.view header.button.dnd, -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #FFFFFF; - background-clip: border-box; - color: #FFD600; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #FFD600; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -menubar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -.csd menubar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -menubar > item { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 20px; - padding: 4px 8px; - color: rgba(0, 0, 0, 0.6); -} - -menubar > item:selected { - transition: none; - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -menubar > item:disabled { - color: rgba(0, 0, 0, 0.26); -} - -menubar > item label:disabled { - color: inherit; -} - -menubar > item popover.menu popover.menu { - margin-left: 9px; -} - -menubar > item popover.menu.background popover.menu.background > contents { - margin: 0; -} - -/********************** - * Popover Base Menus * - **********************/ -popover.menu box.inline-buttons { - padding: 0 14px; -} - -popover.menu box.inline-buttons button.image-button.model { - min-height: 28px; - min-width: 28px; - padding: 0; - border: none; - outline: none; - transition: none; -} - -popover.menu box.inline-buttons button.image-button.model:selected { - background-image: image(alpha(currentColor, 0.06)); -} - -popover.menu box.circular-buttons { - padding: 6px; -} - -popover.menu box.circular-buttons button.circular.image-button.model { - padding: 6px; -} - -popover.menu box.circular-buttons button.circular.image-button.model:focus { - background-color: alpha(currentColor, 0.06); -} - -popover.menu arrow.left, -popover.menu radio.left, -popover.menu check.left { - margin-left: 0; - margin-right: 0; -} - -popover.menu arrow.right, -popover.menu radio.right, -popover.menu check.right { - margin-left: 0; - margin-right: 0; -} - -popover.menu label.title { - font-weight: bold; - padding: 3px 32px; -} - -/************ - * Popovers * - ************/ -popover.background { - font: initial; - padding: 0; -} - -popover.background, popover.background:backdrop { - background-color: transparent; -} - -popover.background > arrow, -popover.background > contents { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - border: none; - border-radius: 11px; - color: rgba(0, 0, 0, 0.87); -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); -} - -popover.background > contents > list, -popover.background > contents > .view, -popover.background > contents > toolbar { - border-style: none; - box-shadow: none; - background-color: transparent; -} - -popover.background > contents > scrolledwindow > viewport > stack > box { - padding: 0; -} - -popover.background > contents separator { - background-color: rgba(0, 0, 0, 0.12); - margin: 3px 0; -} - -popover.background > contents list { - background-color: transparent; - padding: 0; -} - -popover.background > contents list > row { - padding: 6px 12px; -} - -popover.background > contents list separator { - margin: 0; -} - -popover.background .view:not(:selected), -popover.background toolbar { - background-color: #FFFFFF; -} - -popover.background .linked > button:not(.radio):first-child { - border-radius: 5px 0 0 5px; -} - -popover.background .linked > button:not(.radio):last-child { - border-radius: 0 5px 5px 0; -} - -popover.background .linked > button:not(.radio):only-child { - border-radius: 5px; -} - -popover.background modelbutton { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 22px; - min-width: 56px; - padding: 3px 9px; - border-radius: 5px; - color: rgba(0, 0, 0, 0.87); - font: initial; - text-shadow: none; - border-spacing: 6px; -} - -popover.background modelbutton accelerator { - color: rgba(0, 0, 0, 0.38); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(0, 0, 0, 0.12); -} - -popover.background modelbutton arrow.left { - -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); -} - -popover.background modelbutton arrow.right { - -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); -} - -popover.background.menu button, -popover.background button.model { - min-height: 32px; - padding: 0 8px; - border-radius: 5px; -} - -.osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; -} - -popover.background listview { - padding: 0; -} - -popover.background listview > row { - padding: 6px 12px; - border-radius: 5px; - margin: 0; -} - -magnifier { - background-color: #FFFFFF; -} - -/************* - * Notebooks * - *************/ -notebook > header tab { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 24px; - min-width: 24px; - padding: 6px 12px; - border-width: 1px; - border-color: transparent; - border-style: solid; - outline: none; - background-clip: padding-box; - box-shadow: none; - color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -notebook > header tab:hover { - background-color: #dedede; - color: rgba(0, 0, 0, 0.87); -} - -notebook > header tab:disabled { - color: rgba(0, 0, 0, 0.26); -} - -notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; - background-clip: padding-box; - border-color: #dedede; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -notebook > header tab:checked:disabled { - color: rgba(0, 0, 0, 0.38); -} - -notebook > header tab:checked.reorderable-page { - background-color: #FFFFFF; -} - -notebook { - background-color: #FFFFFF; -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: #FAFAFA; -} - -notebook.frame { - border-radius: 12px; -} - -notebook.frame frame > border { - border: none; - border-radius: 12px; -} - -notebook.frame frame > list row.activatable { - border-radius: 12px; -} - -notebook:focus tab:checked { - box-shadow: none; -} - -notebook.frame > header.top { - border-radius: 12px 12px 0 0; -} - -notebook.frame > header.bottom { - border-radius: 0 0 12px 12px; -} - -notebook.frame > header.left { - border-radius: 12px 0 0 12px; -} - -notebook.frame > header.right { - border-radius: 0 12px 12px 0; -} - -notebook > header { - border: none; - background-color: #F2F2F2; - padding: 0; -} - -notebook > header.top { - box-shadow: inset 0 -1px #dedede; -} - -notebook > header.top > tabs { - margin: 4px 0 0; -} - -notebook > header.top > tabs > tab { - border-radius: 12px 12px 0 0; - border-bottom: none; -} - -notebook > header.bottom { - box-shadow: inset 0 1px #dedede; -} - -notebook > header.bottom > tabs { - margin: 0 0 4px; -} - -notebook > header.bottom > tabs > tab { - border-radius: 0 0 12px 12px; - border-top: none; -} - -notebook > header.left { - box-shadow: inset -1px 0 #dedede; -} - -notebook > header.left > tabs { - margin: 0 0 0 4px; -} - -notebook > header.left > tabs > tab { - border-radius: 12px 0 0 12px; - border-right: none; -} - -notebook > header.right { - box-shadow: inset 1px 0 #dedede; -} - -notebook > header.right > tabs { - margin: 0 4px 0 0; -} - -notebook > header.right > tabs > tab { - border-radius: 0 12px 12px 0; - border-left: none; -} - -notebook > header.top > tabs > arrow { - border-top-style: none; -} - -notebook > header.bottom > tabs > arrow { - border-bottom-style: none; -} - -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - padding-left: 4px; - padding-right: 4px; -} - -notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - margin-left: -8px; - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - margin-right: -8px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.left > tabs > arrow { - border-left-style: none; -} - -notebook > header.right > tabs > arrow { - border-right-style: none; -} - -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - padding-top: 4px; - padding-bottom: 4px; -} - -notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - margin-top: -8px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - margin-bottom: -8px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; -} - -notebook > header tab > box { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - margin: -6px -12px; - padding: 6px 12px; -} - -notebook > header tab > box:drop(active) { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -notebook > header tab button.flat:last-child { - margin-left: 6px; - margin-right: -6px; -} - -notebook > header tab button.flat:first-child { - margin-left: -6px; - margin-right: 6px; -} - -notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 8px; - padding-right: 8px; -} - -notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: 0; -} - -notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: 0; -} - -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: solid; -} - -notebook > header.left tabs, notebook > header.right tabs { - padding-top: 8px; - padding-bottom: 8px; -} - -notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: 0; -} - -notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: 0; -} - -notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid; -} - -notebook > stack:not(:only-child) { - background-color: transparent; - border-radius: 12px; -} - -/************** - * Scrollbars * - **************/ -scrollbar { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; -} - -scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar > range > trough { - box-shadow: none; - outline: none; - background: none; -} - -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - border: 4px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(0, 0, 0, 0.38); - box-shadow: none; - outline: none; -} - -scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); -} - -scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 2px 0; -} - -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0 2px; -} - -scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider { - transition-property: background-color, min-height, min-width; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; - box-shadow: none; - outline: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); - box-shadow: none; - outline: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.38); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(255, 255, 255, 0.9); -} - -scrollbar.horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0 2px; - border: 5px solid transparent; - border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.26); - background-clip: padding-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: rgba(255, 214, 0, 0.5); -} - -switch:disabled { - opacity: 0.5; -} - -switch image { - margin: -8px; - color: transparent; -} - -switch > slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 20px; - min-height: 20px; - margin: -3px -2px; - border-radius: 9999px; - outline: none; - box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #FFFFFF; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); -} - -switch:checked > slider { - background-color: #FFD600; - color: #FFD600; -} - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), -.content-view .tile check:not(list) { - min-height: 40px; - min-width: 40px; - margin: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); -} - -.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, -.content-view .tile check:not(list):hover, -.content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); -} - -.view.content-view.check:not(list), -.content-view .tile check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); -} - -checkbutton, -radiobutton { - outline: none; - border-spacing: 4px; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -popover checkbutton.text-button > check:dir(ltr), popover radiobutton.text-button > check:dir(ltr) { - margin-left: -16px; -} - -popover checkbutton.text-button > check:dir(rtl), popover radiobutton.text-button > check:dir(rtl) { - margin-right: -16px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; - border: none; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #0F9D58; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); -} - -check:not(:hover):focus, -radio:not(:hover):focus { - box-shadow: inset 0 0 0 9999px transparent; -} - -popover modelbutton check, popover modelbutton radio { - margin: 0; - padding: 0; -} - -popover modelbutton check, popover modelbutton check:focus, popover modelbutton check:hover, popover modelbutton check:focus:hover, popover modelbutton check:active, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:focus, popover modelbutton radio:hover, popover modelbutton radio:focus:hover, popover modelbutton radio:active, popover modelbutton radio:disabled { - transition: none; - box-shadow: none; - background: none; - border: none; -} - -popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.6); -} - -popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { - box-shadow: none; -} - -popover modelbutton check.left:dir(rtl), popover modelbutton radio.left:dir(rtl) { - margin-left: -12px; - margin-right: -4px; -} - -popover modelbutton check.right:dir(ltr), popover modelbutton radio.right:dir(ltr) { - margin-left: -4px; - margin-right: -12px; -} - - -check { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); -} - - -check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -radio { - -gtk-icon-size: 24px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/unchecked-symbolic@2.svg"))); -} - - -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); -} - - -radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/mixed-symbolic@2.svg"))); -} - - -popover.menu check { - min-height: 18px; - min-width: 18px; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -popover.menu check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); -} - - -popover.menu check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - - -popover.menu radio { - min-height: 18px; - min-width: 18px; - border-image: none; - -gtk-icon-size: 18px; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-unchecked-symbolic@2.svg"))); -} - - -popover.menu radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); -} - - -popover.menu radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-mixed-symbolic@2.svg"))); -} - -treeview.view check, treeview.view radio, -columnview.view check, -columnview.view radio { - padding: 0; - box-shadow: none; - background: none; - color: rgba(0, 0, 0, 0.6); -} - -treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, -columnview.view check:hover, -columnview.view check:active, -columnview.view radio:hover, -columnview.view radio:active { - color: rgba(0, 0, 0, 0.87); -} - -treeview.view check:disabled, treeview.view radio:disabled, -columnview.view check:disabled, -columnview.view radio:disabled { - color: rgba(0, 0, 0, 0.26); -} - -treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, -columnview.view check:checked, -columnview.view check:indeterminate, -columnview.view radio:checked, -columnview.view radio:indeterminate { - color: #0F9D58; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, -columnview.view check:checked:disabled, -columnview.view check:indeterminate:disabled, -columnview.view radio:checked:disabled, -columnview.view radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); -} - -treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within radio, -columnview.view:hover check, -columnview.view:hover radio, -columnview.view:selected check, -columnview.view:selected radio, -columnview.view:focus check, -columnview.view:focus radio, -columnview.view:focus-within check, -columnview.view:focus-within radio { - box-shadow: none; - background-color: transparent; -} - -treeview.view radio:checked { - -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); - border-image: none; -} - -/************ - * GtkScale * - ************/ -scale { - min-height: 2px; - min-width: 2px; -} - -scale.horizontal { - padding: 17px 12px; -} - -scale.vertical { - padding: 12px 17px; -} - -scale.fine-tune.horizontal { - min-height: 4px; - padding-top: 16px; - padding-bottom: 16px; -} - -scale.fine-tune.vertical { - min-width: 4px; - padding-left: 16px; - padding-right: 16px; -} - -scale.fine-tune > trough > slider { - min-height: 32px; - min-width: 32px; - margin: -14px; -} - -scale > trough { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-color: rgba(0, 0, 0, 0.26); -} - -scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.15); -} - -scale > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - background-repeat: no-repeat; - background-position: center; - background-size: auto, 1000% 1000%; - min-height: 32px; - min-width: 32px; - margin: -15px; - border-radius: 50%; - color: #FFD600; - background-color: transparent; -} - -scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active { - border: none; - box-shadow: none; - outline: none; -} - -scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale > trough > slider:focus { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:hover { - background-color: alpha(currentColor, 0.08); -} - -scale > trough > slider:focus:hover { - background-color: alpha(currentColor, 0.16); -} - -scale > trough > slider:active { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: auto, 0% 0%; - color: #FFD600; -} - -scale > trough > highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#FFD600); -} - -scale > trough > highlight:disabled { - background-color: #F2F2F2; - background-image: image(rgba(0, 0, 0, 0.26)); -} - -scale > trough > fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.26); -} - -scale > trough > fill:disabled { - background-color: transparent; -} - -scale > marks, -scale > value { - color: rgba(0, 0, 0, 0.6); -} - -scale > marks indicator { - background-color: rgba(0, 0, 0, 0.26); - color: transparent; -} - -scale.horizontal marks.top { - margin-bottom: 7px; - margin-top: -15px; -} - -scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -14px; -} - -scale.horizontal marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -14px; -} - -scale.vertical marks.top { - margin-right: 7px; - margin-left: -15px; -} - -scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -14px; -} - -scale.vertical marks.bottom { - margin-left: 7px; - margin-right: -15px; -} - -scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -14px; -} - -scale.horizontal > marks indicator { - min-height: 8px; - min-width: 1px; -} - -scale.vertical > marks indicator { - min-height: 1px; - min-width: 8px; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: none; - box-shadow: none; - border: none; -} - -scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { - box-shadow: none; -} - -scale.horizontal.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); -} - -scale.color { - min-height: 0; - min-width: 0; -} - -scale.color.horizontal { - padding: 0 0 12px 0; -} - -scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -24px; - margin-top: 8px; -} - -scale.color.vertical:dir(ltr) { - padding: 0 0 0 12px; -} - -scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -24px; - margin-right: 8px; -} - -scale.color.vertical:dir(rtl) { - padding: 0 12px 0 0; -} - -scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -24px; - margin-left: 8px; -} - -/***************** - * Progress bars * - *****************/ -progressbar { - color: rgba(0, 0, 0, 0.6); - font-size: smaller; -} - -progressbar.horizontal trough, -progressbar.horizontal progress { - min-height: 6px; -} - -progressbar.vertical trough, -progressbar.vertical progress { - min-width: 6px; -} - -progressbar trough { - border-radius: 12px; - background-color: rgba(0, 0, 0, 0.15); -} - -progressbar progress { - border-radius: 12px; - background-color: #FFD600; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; - box-shadow: none; - margin: 0; - padding: 0; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: #FFD600; -} - -progressbar trough.empty progress { - all: unset; -} - -/************* - * Level Bar * - *************/ -levelbar.horizontal block { - min-height: 6px; -} - -levelbar.horizontal.discrete block { - min-width: 36px; -} - -levelbar.horizontal.discrete block:not(:last-child) { - margin-right: 2px; -} - -levelbar.vertical block { - min-width: 6px; -} - -levelbar.vertical.discrete block { - min-height: 36px; -} - -levelbar.vertical.discrete block:not(:last-child) { - margin-bottom: 2px; -} - -levelbar trough { - border-radius: 12px; -} - -levelbar block.low { - background-color: #FFD600; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #FFD600; -} - -levelbar block.full { - background-color: #0F9D58; -} - -levelbar block.empty { - background-color: rgba(0, 0, 0, 0.15); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: rgba(0, 0, 0, 0.87); - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame > list, -.frame > list { - border: none; -} - -frame.view, -.frame.view { - border-radius: 12px; -} - -frame.flat, -.frame.flat { - border-style: none; -} - -frame { - border-radius: 12px; -} - -frame > label { - margin: 4px; -} - -frame.flat > border, statusbar frame > border { - border: none; -} - -actionbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - background-clip: border-box; - box-shadow: none; -} - -actionbar > revealer > box entry, -actionbar > revealer > box button, -actionbar > revealer > box menubutton, -actionbar > revealer > box splitbutton { - margin: 0; -} - -statusbar { - padding: 6px 18px; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -junction { - border: none; - background-color: #FFFFFF; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -separator.spacer { - background-color: transparent; -} - -separator.spacer.horizontal { - min-width: 12px; -} - -separator.spacer.vertical { - min-height: 12px; -} - -stacksidebar + separator.vertical, -stacksidebar separator.horizontal, button.font separator, button.file separator { - min-width: 0; - min-height: 0; - background-color: transparent; -} - -/********* - * Lists * - *********/ -listview, -list { - border-color: rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - background-clip: padding-box; - color: rgba(0, 0, 0, 0.6); -} - -listview > row, -list > row { - background-clip: padding-box; -} - -listview > row.expander, -list > row.expander { - padding: 0px; -} - -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px; -} - -listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), -list.horizontal row.separator, -list.separators.horizontal > row:not(.separator) { - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), -list:not(.horizontal) row.separator, -list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -list.frame { - border-radius: 12px; -} - -row { - background-clip: padding-box; -} - -columnview.view > header > button, -treeview.view > header > button, row.activatable { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 30%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; -} - -columnview.view > header > button:focus, -treeview.view > header > button:focus, row.activatable:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -columnview.view > header > button:hover, -treeview.view > header > button:hover, row.activatable:hover { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -columnview.view > header > button.has-open-popup, -treeview.view > header > button.has-open-popup, columnview.view > header > button:active, -treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 30%, transparent 0%); - background-size: 100% 100%; -} - -button row.activatable, button row.activatable:hover, button row.activatable.has-open-popup, button row.activatable:active, button row.activatable:active:hover { - background-color: transparent; - box-shadow: none; - background-image: none; - transition: none; - animation: none; -} - -button:checked row { - color: rgba(0, 0, 0, 0.87); -} - -row:selected { - color: inherit; -} - -row:selected image, -row:selected label { - color: rgba(0, 0, 0, 0.87); -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled image, -row:selected:disabled label { - color: rgba(0, 0, 0, 0.38); -} - -treeexpander { - border-spacing: 4px; -} - -columnview > listview > row { - padding: 0; -} - -columnview > listview > row > cell { - padding: 8px 6px; -} - -columnview > listview > row > cell:not(:first-child) { - border-left: 1px solid transparent; -} - -columnview > header > button { - padding-left: 6px; - padding-right: 6px; - border-left: 1px solid transparent; -} - -columnview > header > button:first-child { - border-left-width: 0; -} - -columnview.column-separators > listview > row > cell, -columnview.column-separators > header > button { - border-left-color: rgba(0, 0, 0, 0.12); -} - -columnview > listview:not(.horizontal).separators > row:not(.separator) { - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; -} - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; -} - -columnview ~ undershoot.top { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); -} - -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { - outline: 2px solid alpha(currentColor, 0.06); -} - -columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #FFD600; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; -} - -.rich-list { - /* rich lists usually containing other widgets than just labels/text */ -} - -.rich-list > row { - padding: 9px 12px; - min-height: 32px; - /* should be tall even when only containing a label */ -} - -.rich-list > row > box { - border-spacing: 12px; -} - -/**************** - * AdwActionRow * - ****************/ -row label.subtitle { - font-size: smaller; -} - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 48px; -} - -row > box.header > .icon:disabled { - filter: opacity(0.35); -} - -row > box.header > box.title { - margin-top: 6px; - margin-bottom: 6px; - border-spacing: 3px; -} - -/*************** - * AdwComboRow * - ***************/ -row.combo image.dropdown-arrow:disabled { - filter: opacity(0.35); -} - -row.combo listview.inline { - background: none; - border: none; - box-shadow: none; - color: inherit; -} - -row.combo listview.inline, row.combo listview.inline:disabled { - background: none; - color: inherit; -} - -row.combo popover > contents { - min-width: 120px; -} - -/****************** - * AdwExpanderRow * - ******************/ -list.content > row, list.content > row.expander row.header, -list.boxed-list > row, -list.boxed-list > row.expander row.header, row.expander list.nested > row { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, -.osd list.boxed-list > row:focus:focus-visible, -.osd list.boxed-list > row.expander row.header:focus:focus-visible, -list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { - outline-color: rgba(0, 0, 0, 0.04); -} - -row.expander { - background: none; - padding: 0px; -} - -row.expander > box > list { - background: none; - color: inherit; -} - -row.expander list.nested { - background-color: #FFFFFF; - color: inherit; -} - -row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); -} - -row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; -} - -row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; -} - -row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(0.5turn); -} - -row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(-0.5turn); -} - -row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #FFD600; -} - -.osd row.expander:checked image.expander-row-arrow:not(:disabled) { - color: inherit; -} - -row.expander image.expander-row-arrow:disabled { - filter: opacity(0.35); -} - -/***************** - * Boxed Lists * - *****************/ -list.content > row.expander, -list.boxed-list > row.expander { - border: none; -} - -list.content > row:first-child, list.content > row:first-child.expander row.header, -list.boxed-list > row:first-child, -list.boxed-list > row:first-child.expander row.header { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child, -list.boxed-list > row:last-child, -list.boxed-list > row:last-child.expander:not(:checked), -list.boxed-list > row:last-child.expander:not(:checked) row.header, -list.boxed-list > row:last-child.expander:checked list.nested, -list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, -list.boxed-list > row:only-child, -list.boxed-list > row:only-child.expander:not(:checked), -list.boxed-list > row:only-child.expander:not(:checked) row.header, -list.boxed-list > row:only-child.expander:checked list.nested, -list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; - border-bottom-width: 0; -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; - border-spacing: 9px; - padding: 9px; - border: none; -} - -.app-notification button.text-button:not(:disabled) { - color: #FFD600; -} - -.app-notification.frame, -.app-notification border { - border-style: none; -} - -/************* - * Expanders * - *************/ -expander { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 16px; - min-height: 16px; - color: rgba(0, 0, 0, 0.6); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander:hover, expander:active { - color: rgba(0, 0, 0, 0.87); -} - -expander:disabled { - color: rgba(0, 0, 0, 0.26); -} - -expander-widget > box > title { - border-radius: 12px; -} - -expander-widget > box > title:hover > expander { - color: rgba(0, 0, 0, 0.6); -} - -.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), -placessidebar:not(decoration):not(window):drop(active):focus, -placessidebar:not(decoration):not(window):drop(active), -stackswitcher:not(decoration):not(window):drop(active):focus, -stackswitcher:not(decoration):not(window):drop(active), -expander-widget:not(decoration):not(window):drop(active):focus, -expander-widget:not(decoration):not(window):drop(active) { - box-shadow: none; -} - -/************ - * Calendar * - ************/ -calendar { - padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 12px; - color: rgba(0, 0, 0, 0.87); -} - -calendar:disabled { - color: rgba(0, 0, 0, 0.38); -} - -calendar:selected { - border-radius: 12px; -} - -calendar > header { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -calendar > header > button { - min-height: 24px; -} - -calendar > grid { - margin: 3px; -} - -calendar > grid > label { - border-radius: 9999px; - margin: 0; -} - -calendar > grid > label.today:selected { - box-shadow: none; -} - -calendar > grid > label:focus { - outline-style: none; -} - -calendar > grid > label.day-number { - padding: 9px; -} - -calendar > grid > label.day-number.other-month { - color: alpha(currentColor, 0.3); -} - -/*********** - * Dialogs * - ***********/ -window.dialog.message.background { - background-color: #FFFFFF; - background-image: none; -} - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; -} - -window.dialog.message .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -window.dialog.message .titlebar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -window.dialog.message.csd .dialog-action-area { - padding: 6px; - border: none; - box-shadow: none; -} - -window.dialog.message.csd .dialog-action-area > button { - border: none; - box-shadow: none; -} - -window.dialog.message.csd .dialog-action-area > button, window.dialog.message.csd .dialog-action-area > button:first-child, window.dialog.message.csd .dialog-action-area > button:last-child { - border-radius: 9999px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:last-child) { - margin-right: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #FFD600; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #E53935; -} - -window.messagedialog .message-area separator { - background-color: transparent; - min-height: 0; -} - -window.messagedialog .response-area { - padding: 6px; - box-shadow: none; - border: none; -} - -window.messagedialog .response-area button { - border: none; - box-shadow: none; - border-radius: 9999px; -} - -window.messagedialog .response-area button:not(:last-child) { - margin-right: 6px; -} - -window.messagedialog .response-area button.suggested:not(:disabled) { - color: #FFD600; -} - -window.messagedialog .response-area button.destructive:not(:disabled) { - color: #E53935; -} - -window.messagedialog .response-area separator { - background-color: transparent; - min-width: 0; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; -} - -filechooser stack.view frame > border { - border: none; -} - -filechooserbutton > button > box { - border-spacing: 6px; -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -window.aboutdialog stack scrolledwindow.frame, window.aboutdialog stack scrolledwindow.frame > .view, window.aboutdialog stack scrolledwindow.frame > .view > text { - border-radius: 12px; -} - -window.aboutdialog .large-icons { - -gtk-icon-size: 128px; -} - -window.about.background.csd headerbar { - color: rgba(0, 0, 0, 0.6); -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #FAFAFA; -} - -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar listview.view, -.sidebar list { - background-color: transparent; -} - -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; -} - -stacksidebar list { - padding: 6px; - background-color: #FAFAFA; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; -} - -stacksidebar row:selected { - font-weight: 500; -} - -stacksidebar row + row { - margin-top: 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; - color: inherit; -} - -separator.sidebar { - background-color: rgba(0, 0, 0, 0.12); - border-right: none; -} - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: rgba(255, 255, 255, 0.15); -} - -separator.sidebar.spacer { - background-color: transparent; -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px 0; - border-right: none; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 0 9999px 9999px 0; - margin: 0 6px 0 0; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #FFD600; -} - -.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #FFD600; -} - -.navigation-sidebar > row:selected:hover { - background-color: alpha(currentColor, 0.16); -} - -.navigation-sidebar > row:selected:focus-visible:focus-within { - outline: none; - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected:focus-visible:focus-within:hover { - background-color: alpha(currentColor, 0.16); -} - -.navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.navigation-sidebar > separator { - margin: 6px 0; -} - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); -} - -row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar { - padding: 6px 0; -} - -placessidebar .navigation-sidebar > row { - min-height: 32px; - margin: 0 4px 0 0; - padding: 3px; - border-radius: 0 9999px 9999px 0; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 0 8px 0 16px; -} - -placessidebar .navigation-sidebar > row:selected { - background-color: alpha(currentColor, 0.1); - color: #FFD600; - font-weight: 500; -} - -placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #FFD600; -} - -placessidebar .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.38); -} - -placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { - padding-right: 8px; -} - -placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { - padding-left: 8px; -} - -placessidebar .navigation-sidebar > row label.sidebar-label { - color: inherit; -} - -placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { - padding-right: 2px; -} - -placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { - padding-left: 2px; -} - -placessidebar .navigation-sidebar > row.sidebar-placeholder-row { - background-color: alpha(currentColor, 0.08); -} - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #FFD600; -} - -placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #FFD600; -} - -placessidebar .navigation-sidebar > row:drop(active) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - -gtk-icon-transform: rotate(0turn); -} - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0, 0, 0.2, 1); - -gtk-icon-transform: rotate(-0.5turn); -} - -placesview > actionbar > revealer > box > label { - border-spacing: 6px; -} - -/********* - * Paned * - *********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; - background-clip: content-box; - box-shadow: none; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #F2F2F2; - background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); - background-size: 1px 1px, 1px 1px; -} - -paned.horizontal > separator { - background-repeat: repeat-y; -} - -paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; -} - -paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; -} - -paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; -} - -paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; -} - -paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; -} - -/************ - * GtkVideo * - ************/ -video { - background: black; - border-radius: 12px; -} - -video image.osd { - min-width: 64px; - min-height: 64px; - border-radius: 9999px; - border: none; -} - -/************** - * GtkInfoBar * - **************/ -infobar { - border: none; - margin-bottom: 0; -} - -infobar > revealer > box { - padding: 6px; - border-spacing: 12px; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; -} - -infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FFD600; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); -} - -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #ffda1a; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); -} - -infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); -} - -infobar.warning:hover > revealer > box { - background-color: #ffda1a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #E53935; - color: white; -} - -infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: white; -} - -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: white; -} - -infobar.error:hover > revealer > box { - background-color: #e84f4c; -} - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(52, 52, 52, 0.9); - color: white; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - margin: 2px 6px 8px 6px; - border: none; -} - -tooltip > box { - border-spacing: 6px; -} - -/***************** - * Color Chooser * - *****************/ -colorswatch.top { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.top overlay { - border-top-left-radius: 11px; - border-top-right-radius: 11px; -} - -colorswatch.bottom { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 11px; - border-bottom-left-radius: 11px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; -} - -colorswatch.dark { - color: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 11px 11px 0 0; - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button:only-child { - border-radius: 11px; -} - -colorswatch#add-color-button overlay { - background-color: #FFFFFF; -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - box-shadow: none; -} - -colorswatch#editor-color-sample { - border-radius: 11px; -} - -colorswatch#editor-color-sample overlay { - border-radius: 11px; -} - -colorchooser .popover.osd { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #F2F2F2; -} - -/********************** - * Window Decorations * - **********************/ -window { - outline: none; - padding: 0; - margin: 0; -} - -window.csd { - border-radius: 18px; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); -} - -window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { - border-radius: 0; -} - -window.csd:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); -} - -window.csd.messagedialog { - background-color: #FFFFFF; - background-image: none; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); -} - -window.csd.messagedialog:backdrop { - background-color: #F2F2F2; - background-image: none; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); -} - -window.ssd { - box-shadow: none; -} - -window.solid-csd { - margin: 0; - padding: 2px; - border-radius: 0; - box-shadow: none; - background-color: #FFFFFF; -} - -window.solid-csd:backdrop { - background-color: #FFFFFF; -} - -gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { - background-color: alpha(currentColor, 0.06); -} - -.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #FFD600; - background-color: rgba(255, 214, 0, 0.2); -} - -textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; -} - -.monospace { - font-family: monospace; -} - -.numeric { - font-feature-settings: "tnum"; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #FFD600; - -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); -} - -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - padding-top: 6px; -} - -shortcuts-section { - margin: 20px; -} - -.shortcuts-search-results { - margin: 20px; - border-spacing: 24px; -} - -shortcut { - border-spacing: 6px; -} - -shortcut > .keycap { - min-width: 12px; - min-height: 26px; - margin-top: 2px; - padding-bottom: 2px; - padding-left: 8px; - padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.12); - border-radius: 8px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - background-clip: border-box; - color: rgba(0, 0, 0, 0.87); - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #FFD600; -} - -stackswitcher { - min-height: 0; - padding: 0; - border-radius: 9999px; - background-color: alpha(currentColor, 0.05); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { - margin: 0 0; - border-radius: 9999px; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - min-width: 100px; -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -stackswitcher button.text-button { - min-width: 100px; -} - -stackswitcher.circular { - border-spacing: 12px; -} - -stackswitcher.circular button.circular, -stackswitcher.circular button.text-button.circular { - min-width: 36px; - min-height: 36px; - padding: 0; -} - -/************* - * App Icons * - *************/ -.lowres-icon { - -gtk-icon-shadow: none; -} - -.icon-dropshadow { - -gtk-icon-shadow: none; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; -} - -popover.emoji-picker > contents { - padding: 0; -} - -.emoji-searchbar { - padding: 6px; - border-spacing: 6px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background: none; -} - -.emoji-searchbar entry { - margin: 0; -} - -.emoji-searchbar entry text { - background: none; - box-shadow: none; -} - -.emoji-toolbar { - padding: 0; - border-spacing: 3px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background: none; - box-shadow: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 9px; -} - -button.emoji-section:checked { - color: #FFD600; -} - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; -} - -popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { - background: alpha(currentColor, 0.08); -} - -emoji-completion-row { - min-height: 28px; - padding: 0 12px; -} - -emoji-completion-row > box { - border-spacing: 6px; - padding: 2px 6px; -} - -emoji-completion-row:focus, emoji-completion-row:hover, -emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background.csd { - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { - background-image: none; - background-color: #FFFFFF; -} - -.nautilus-window headerbar { - background-color: transparent; - box-shadow: none; -} - -.nautilus-window flap > separator { - background: none; - min-width: 0; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: transparent; - border-radius: 18px; - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow { - margin: 0 0 12px 12px; - border-radius: 12px; - background-color: rgba(255, 214, 0, 0.08); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { - border-radius: 12px 12px 0 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom { - border-radius: 0 0 12px 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - padding: 16px 0 16px 0; - background: none; - border-radius: 12px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable { - border-radius: 0; - padding: 0; - margin: -8px 0 -8px 0; - animation: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer { - padding-left: 12px; - padding-right: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable > revealer.sidebar-revealer > box { - padding-right: 18px; - padding-left: 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:active { - background: none; - box-shadow: none; - animation: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { - padding-right: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: inherit; - min-height: 54px; - padding-left: 6px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable.sidebar-placeholder-row { - background-color: transparent; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { - border-radius: 0; - background-color: rgba(245, 124, 0, 0.1); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active), .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) label.sidebar-label { - color: #F57C00; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #FFD600; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: transparent; - font-weight: 700; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #FFD600; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - color: #FFD600; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FFD600; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #FFD600; - background-color: #FFFFFF; - border-image-width: 10px 10px 10px 46px; - border-image-slice: 10 10 10 46; - border-image-repeat: stretch; - border-image-source: -gtk-scaled(url("assets/row-selected-light.png"), url("assets/row-selected-light@2.png")); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - padding-left: 14px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FFD600; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { - color: rgba(0, 0, 0, 0.26); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - margin: 3px 3px 3px 0; - background: none; - border: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though { - background: none; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider { - border: none; -} - -.nautilus-window tabbar .box { - padding: 0 12px; - background-color: transparent; - box-shadow: inset 0 -1px #dedede; -} - -.nautilus-window tabbar tab { - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; -} - -.nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.nautilus-window tabbar tab:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.nautilus-window placesview label { - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window placesview label:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.nautilus-window infobar { - margin: 3px; -} - -.nautilus-window infobar > revealer > box { - border-radius: 6px; -} - -.nautilus-window label.search-information { - margin: 3px; - border-radius: 6px; -} - -.nautilus-window .floating-bar { - min-height: 24px; - padding: 2px; - margin: 6px; - border: none; - border-radius: 9999px; - background-color: rgba(242, 242, 242, 0.95); - box-shadow: none; -} - -.nautilus-window .floating-bar button { - margin: 4px; -} - -#NautilusViewCell clamp box { - margin: 0; - border-spacing: 0; -} - -#NautilusQueryEditor { - border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); - padding: 0 4px 0 8px; -} - -#NautilusQueryEditor:focus-within { - color: rgba(0, 0, 0, 0.87); -} - -#NautilusQueryEditor:disabled { - color: rgba(0, 0, 0, 0.26); -} - -#NautilusQueryEditor > menubutton > button.image-button { - min-width: 28px; - min-height: 28px; - margin: 4px 0; - padding: 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(0, 0, 0, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: rgba(0, 0, 0, 0.87); -} - -#NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { - background: none; - box-shadow: none; -} - -#NautilusPathBar #NautilusPathButton:first-child { - margin-left: 0; -} - -#NautilusPathBar > menubutton > button { - border-radius: 9999px; -} - -#NautilusQueryEditorTag { - border-radius: 9999px; -} - -#NautilusQueryEditorTag > button { - margin: 3px; - padding: 0; - min-height: 22px; - min-width: 22px; -} - -window.dialog > box > stack > box > box > notebook.frame { - border-width: 0 0 0 1px; - border-radius: 0; -} - -leaflet { - background-color: transparent; -} - -leaflet stack.background { - background-color: transparent; -} - -leaflet > box > scrolledwindow > viewport > widget > stack { - background-color: #FFFFFF; -} - -.history-view { - background-color: #FFFFFF; -} - -#displayitem { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.small .card { - border-radius: 0; - box-shadow: none; -} - -.small .card.forecast-card { - border-width: 1px 0; -} - -.small .card.display-container { - border-width: 0 0 1px 0; -} - -leaflet button.number-button { - background-color: rgba(0, 0, 0, 0.1); -} - -leaflet button.number-button:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -leaflet button.number-button:active { - background-color: rgba(0, 0, 0, 0.3); -} - -leaflet button.clear-button.image-button { - border-radius: 12px; -} - -datechooser.view button.flat.pill, datechooser.view button.circular.day { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -.contacts-contact-list list.navigation-sidebar { - background: none; -} - -flowboxchild > button.card.category-tile { - padding: 21px; - border: none; - border-radius: 12px; -} - -flowboxchild > button.card.category-tile-iconless { - padding: 9px 15px; -} - -app-context-bar > box:not(:first-child) > button.flat { - border-radius: 0; -} - -app-context-bar > box:not(:first-child) > button.flat:last-child { - border-radius: 0 12px 12px 0; -} - -app-context-bar > box:first-child > button.flat { - border-radius: 0; -} - -app-context-bar > box:first-child > button.flat:first-child { - border-radius: 12px 0 0 12px; -} - -app-context-bar > box > button.flat { - border-left-color: rgba(0, 0, 0, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; - margin: 6px; -} - -.context-tile-lozenge.grey { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); -} - -.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { - color: #085731; - background-color: rgba(15, 157, 88, 0.15); -} - -.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { - color: #1A73E8; - background-color: rgba(26, 115, 232, 0.15); -} - -.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { - color: #b39600; - background-color: rgba(255, 214, 0, 0.15); -} - -.context-tile-lozenge.details-rating-15 { - color: #F57C00; - background-color: rgba(245, 124, 0, 0.15); -} - -.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { - color: #b61b17; - background-color: rgba(229, 57, 53, 0.15); -} - -screenshot-carousel box.frame.view { - border-width: 1px 0; - border-radius: 0; -} - -/* Styling for specific category buttons. */ -.category-tile.category-create { - background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); - color: white; -} - -.category-tile.category-create:hover { - background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); -} - -.category-tile.category-create:active { - background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); -} - -.category-tile.category-develop { - background: #5e5c64; - color: white; -} - -.category-tile.category-develop:hover { - background: shade(#5e5c64, 1.2); -} - -.category-tile.category-develop:active { - background-color: shade(#5e5c64, 0.95); -} - -.category-tile.category-learn { - background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); - color: white; -} - -.category-tile.category-learn:hover { - background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); -} - -.category-tile.category-learn:active { - background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); -} - -.category-tile.category-play { - background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); - color: #393484; -} - -.category-tile.category-play:hover { - background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); -} - -.category-tile.category-play:active { - background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); -} - -.category-tile.category-socialize { - background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); - color: rgba(0, 0, 0, 0.6); -} - -.category-tile.category-socialize:hover { - background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); -} - -.category-tile.category-socialize:active { - background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); -} - -.category-tile.category-work { - padding: 1px; - /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ - color: #1c71d8; - background-color: #fdf8d7; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); - background-size: 10px 10px, 10px 10px; - background-position: -1px -4px, center -1px; -} - -.category-tile.category-work:hover { - background-color: #fefcef; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); -} - -.category-tile.category-work:active { - background-color: #fcf4bf; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -.polari-room-list popover.background > arrow, -.polari-room-list popover.background > contents { - padding: 0; -} - -window.org-gnome-Builder headerbar splitbutton notification button { - margin: 0; - min-height: 24px; - min-width: 24px; - padding: 0; -} - -popover.background.global-search > arrow, -popover.background.global-search > contents { - padding: 0; -} - -panelframeswitcher { - padding: 6px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -panelframetabbar { - border-bottom: none; -} - -.frameheader.header { - min-height: 24px; - background-color: rgba(0, 0, 0, 0.04); -} - -.frameheader.header > button { - border: none; - margin: 0; - padding: 3px; -} - -.frameheader.header tabbar.inline > revealer > box { - min-height: 24px; -} - -.frameheader.header tabbar.inline > revealer > box .start-action { - padding: 0; - border: none; -} - -.frameheader.header tabbar.inline > revealer > box .end-action { - padding: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -.frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { - margin: 3px; - min-height: 24px; - min-width: 24px; - padding: 6px; - border-radius: 12px; -} - -.frameheader.header tabbar.inline > revealer > box tabbox { - border: none; - background: none; -} - -panelstatusbar { - background-color: #F2F2F2; -} - -panelstatusbar > menubutton > button, -panelstatusbar > paneltogglebutton button.image-button { - border-radius: 0; -} - -.style-variant { - padding: 0 12px; -} - -.style-variant button.toggle { - padding: 0; -} - -.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { - background: none; - outline: none; - border: none; - box-shadow: none; -} - -.style-variant button.toggle > stylevariantpreview > .wallpaper { - border-radius: 12px; - outline-color: transparent; - outline-width: 3px; - outline-offset: 3px; - outline-style: solid; - box-shadow: none; -} - -.style-variant button.toggle:hover > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.04); -} - -.style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.26); -} - -.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #FFD600; -} - -window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { - border: none; - border-radius: 0; -} - -window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { - border-radius: 0; -} - -button.colorpad { - padding: 0px; - margin: 0px; - background-blend-mode: screen; - background-image: linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55), linear-gradient(45deg, #0f0f0f55 25%, transparent 25%, transparent 75%, #0f0f0f55 75%, #0f0f0f55); - background-color: @colorpad_color; - color: @colorpad_fg_color; - background-size: 18px 18px; - background-position: 0px 0px, 9px 9px; -} - -button.colorpad:hover { - filter: brightness(93%); -} - -button.colorpad:active { - filter: brightness(86%); -} - -button.colorpad:checked { - filter: brightness(100%); -} - -avatar { - border-radius: 9999px; - font-weight: bold; -} - -avatar.color1 { - background-image: linear-gradient(#83b6ec, #337fdc); - color: #cfe1f5; -} - -avatar.color2 { - background-image: linear-gradient(#7ad9f1, #0f9ac8); - color: #caeaf2; -} - -avatar.color3 { - background-image: linear-gradient(#8de6b1, #29ae74); - color: #cef8d8; -} - -avatar.color4 { - background-image: linear-gradient(#b5e98a, #6ab85b); - color: #e6f9d7; -} - -avatar.color5 { - background-image: linear-gradient(#f8e359, #d29d09); - color: #f9f4e1; -} - -avatar.color6 { - background-image: linear-gradient(#ffcb62, #d68400); - color: #ffead1; -} - -avatar.color7 { - background-image: linear-gradient(#ffa95a, #ed5b00); - color: #ffe5c5; -} - -avatar.color8 { - background-image: linear-gradient(#f78773, #e62d42); - color: #f8d2ce; -} - -avatar.color9 { - background-image: linear-gradient(#e973ab, #e33b6a); - color: #fac7de; -} - -avatar.color10 { - background-image: linear-gradient(#cb78d4, #9945b5); - color: #e7c2e8; -} - -avatar.color11 { - background-image: linear-gradient(#9e91e8, #7a59ca); - color: #d5d2f5; -} - -avatar.color12 { - background-image: linear-gradient(#e3cf9c, #b08952); - color: #f2eade; -} - -avatar.color13 { - background-image: linear-gradient(#be916d, #785336); - color: #e5d6ca; -} - -avatar.color14 { - background-image: linear-gradient(#c0bfbc, #6e6d71); - color: #d8d7d3; -} - -avatar.contrasted { - color: white; -} - -avatar.image { - background: none; -} - -splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque { - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); -} - -.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible { - outline: none; -} - -splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover { - background-image: image(alpha(currentColor, 0.1)); -} - -splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active { - background-image: image(rgba(0, 0, 0, 0.2)); -} - -splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked { - background-image: image(rgba(0, 0, 0, 0.15)); -} - -splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover { - background-image: image(rgba(0, 0, 0, 0.05)); -} - -splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active { - background-image: image(rgba(0, 0, 0, 0.3)); -} - -button.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); -} - -button.destructive-action { - color: white; -} - -button.destructive-action, button.destructive-action:checked { - background-color: #E53935; -} - -button.suggested-action { - color: rgba(0, 0, 0, 0.87); -} - -button.suggested-action, button.suggested-action:checked { - background-color: #FFD600; -} - -button.font separator { - background-color: transparent; -} - -button.font > box { - border-spacing: 6px; -} - -button.font > box > box > label { - font-weight: bold; -} - -menubutton.pill > button, button.pill { - padding: 10px 32px; - border-radius: 9999px; -} - -button.card { - background-clip: padding-box; - font-weight: inherit; - box-shadow: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); -} - -button.card:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -button.card.keyboard-activating, button.card:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - -button.card:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; - animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); - background-size: 100% 100%; -} - -button.card:drop(active) { - color: #F57C00; - box-shadow: inset 0 0 0 1px #F57C00; -} - -menubutton.osd { - background: none; - color: inherit; -} - -menubutton.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -menubutton.destructive-action { - background-color: #E53935; - color: white; -} - -menubutton.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); -} - -menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { - border-radius: 12px; -} - -menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { - border-radius: 9999px; -} - -menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { - background-color: transparent; - color: inherit; -} - -menubutton.image-button > button { - min-width: 24px; - padding-left: 6px; - padding-right: 6px; -} - -menubutton arrow { - min-height: 16px; - min-width: 16px; -} - -menubutton arrow.none { - -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); -} - -menubutton arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -menubutton arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -menubutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -menubutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -splitbutton { - border-radius: 12px; -} - -splitbutton:disabled { - filter: none; - opacity: 1; -} - -splitbutton, splitbutton > separator { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - transition-property: background; -} - -splitbutton > separator { - margin-top: 6px; - margin-bottom: 6px; - background: none; -} - -splitbutton > menubutton > button { - padding-left: 6px; - padding-right: 6px; -} - -splitbutton.image-button > button { - min-height: 24px; - min-width: 24px; - padding: 6px; -} - -splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { - padding-left: 9px; - padding-right: 9px; -} - -splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { - border-spacing: 6px; -} - -splitbutton > button:dir(ltr), -splitbutton > menubutton > button:dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - margin-right: 0; -} - -splitbutton > button:dir(rtl), -splitbutton > menubutton > button:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - margin-left: 0; -} - -splitbutton.flat > separator { - background: rgba(0, 0, 0, 0.12); -} - -splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { - background: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { - background: none; -} - -splitbutton.flat:focus-within:focus-visible > separator { - background: none; -} - -splitbutton.flat > button, -splitbutton.flat > menubutton > button { - border-radius: 12px; -} - -splitbutton.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -splitbutton.destructive-action { - background-color: #E53935; - color: white; -} - -splitbutton.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); -} - -splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { - color: inherit; - background-color: transparent; -} - -splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); -} - -splitbutton > menubutton > button > arrow.none { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -buttoncontent { - border-spacing: 6px; -} - -buttoncontent > label { - font-weight: bold; -} - -buttoncontent > label:dir(ltr) { - padding-right: 2px; -} - -buttoncontent > label:dir(rtl) { - padding-left: 2px; -} - -.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { - padding-right: 0; -} - -.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { - padding-left: 0; -} - -toast { - margin: 12px; - margin-bottom: 24px; - border-radius: 9999px; - border-spacing: 6px; - padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - color: rgba(0, 0, 0, 0.6); - font-weight: normal; -} - -toast:dir(ltr) { - padding-left: 12px; -} - -toast:dir(rtl) { - padding-right: 12px; -} - -toast > widget { - margin: 0 6px; -} - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; - border-spacing: 36px; -} - -statuspage > scrolledwindow > viewport > box > clamp > box { - border-spacing: 12px; -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - -gtk-icon-size: 128px; - color: alpha(currentColor, 0.45); -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { - opacity: 0.45; -} - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 24px; -} - -statuspage.compact > scrolledwindow > viewport > box { - margin: 24px 12px; - border-spacing: 24px; -} - -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { - -gtk-icon-size: 96px; -} - -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 12px; -} - -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { - font-size: 18pt; -} - -list.content, -list.boxed-list, .card { - border-radius: 12px; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.12); - background-clip: padding-box; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -preferencespage > scrolledwindow > viewport > clamp > box { - margin: 24px 12px; - border-spacing: 24px; -} - -preferencesgroup > box, preferencesgroup > box .labels { - border-spacing: 6px; -} - -preferencesgroup > box > box.header:not(.single-line) { - margin-bottom: 6px; -} - -preferencesgroup > box > box.single-line { - min-height: 36px; -} - -preferencesgroup > box button.background-preview-button.toggle { - padding: 0; - background: none; - box-shadow: none; - outline-color: transparent; - outline-width: 3px; - outline-offset: 3px; - outline-style: solid; -} - -preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { - border-radius: 6px; -} - -preferencesgroup > box button.background-preview-button.toggle:hover { - outline-color: rgba(0, 0, 0, 0.04); -} - -preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(0, 0, 0, 0.26); -} - -preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #FFD600; -} - -viewswitcher { - margin: 0; -} - -viewswitcher.wide { - border-spacing: 3px; - border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.04); - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #FFD600; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: none; -} - -viewswitcher button.toggle { - font-weight: bold; - padding: 0; - min-height: 0; - margin: 0; -} - -viewswitcher button.toggle > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; - border-spacing: 4px; -} - -viewswitcher button.toggle > stack > box.narrow > stack > label { - padding-left: 8px; - padding-right: 8px; -} - -viewswitcher button.toggle > stack > box.wide { - padding: 0 12px; - border-spacing: 6px; -} - -viewswitcherbar actionbar > revealer > box { - padding: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -indicatorbin > indicator, indicatorbin > mask { - min-width: 6px; - min-height: 6px; - border-radius: 9999px; -} - -indicatorbin > indicator { - margin: 1px; - padding: 0; - background: alpha(currentColor, 0.4); -} - -indicatorbin > indicator > label { - font-size: 0.6rem; - font-weight: bold; - padding: 2px 5px; - color: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #FFD600; -} - -indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); -} - -tabbar .box { - min-height: 28px; - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.6); - padding: 0; - box-shadow: inset 0 -1px #dedede; - border-bottom: none; -} - -tabbar tabbox > tabboxchild { - border-radius: 0; - margin: 0; - padding-top: 4px; -} - -tabbar tabbox > separator { - margin-top: 9px; - margin-bottom: 9px; - transition: opacity 150ms ease-in-out; -} - -tabbar tabbox > separator.hidden { - opacity: 0; -} - -tabbar tabbox > revealer > indicator { - min-width: 2px; - border-radius: 2px; - margin: 9px 6px; - background: alpha(#FFD600, 0.5); -} - -tabbar tab { - transition: none; - border-radius: 12px 12px 0 0; - border: 1px solid transparent; - border-bottom-width: 0; - color: rgba(0, 0, 0, 0.6); - padding: 6px 12px; -} - -tabbar tab:hover:not(:selected):not(:active):not(:checked) { - transition: none; - background-color: #dedede; - box-shadow: none; - color: rgba(0, 0, 0, 0.87); - border-color: #dedede; - border-radius: 12px 12px 0 0; -} - -tabbar tab:selected, tabbar tab:checked, tabbar tab:active { - transition: background-color 150ms ease-in-out; - background-color: #FFFFFF; - box-shadow: none; - color: rgba(0, 0, 0, 0.87); - border-color: #dedede; - border-radius: 12px 12px 0 0; -} - -tabbar .start-action, -tabbar .end-action { - padding: 6px; -} - -tabbar .start-action:dir(ltr), -tabbar .end-action:dir(rtl) { - padding-right: 0; -} - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - padding-left: 0; -} - -tabview > stack { - background-color: #FFFFFF; -} - -dnd tab { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.6); - box-shadow: none; - margin: 24px; -} - -tabbar tab button.image-button, -dnd tab button.image-button { - padding: 0; - margin: 0; - min-width: 20px; - min-height: 20px; - border-radius: 9999px; - border: none; -} - -tabbar tab indicator, -dnd tab indicator { - min-height: 2px; - border-radius: 2px; - background: alpha(#FFD600, 0.5); -} - -tabview:drop(active), -tabbox:drop(active) { - box-shadow: none; -} - -.unfolded stacksidebar.sidebar { - border: none; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color rgba(0, 0, 0, 0.87); -/* -text color for entries, views and content in general */ -@define-color theme_text_color rgba(0, 0, 0, 0.87); -/* -widget base background color */ -@define-color theme_bg_color #F2F2F2; -/* -text widgets and the like base background color */ -@define-color theme_base_color #FFFFFF; -/* -base background color of selections */ -@define-color theme_selected_bg_color #FFD600; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #F2F2F2; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #FAFAFA; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #F2F2F2; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #FFFFFF; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #FFD600; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); -/* -insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); -/* -widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -/* -these are pretty self explicative */ -@define-color warning_color #FFD600; -@define-color error_color #E53935; -@define-color success_color #0F9D58; -/* -these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title rgba(0, 0, 0, 0.87); -@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); -@define-color wm_highlight rgba(255, 255, 255, 0.4); -@define-color wm_bg #FFFFFF; -@define-color wm_unfocused_bg #FFFFFF; -/* -FIXME this is really an API */ -@define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #666666; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #FFFFFF; -@define-color budgie_tasklist_indicator_color rgba(0, 0, 0, 0.6); -@define-color budgie_tasklist_indicator_color_active #FFD600; -@define-color budgie_tasklist_indicator_color_active_window rgba(250, 224, 90, 0.8075); -@define-color budgie_tasklist_indicator_color_attention #FFD600; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; -@define-color blue_1 #99c1f1; -@define-color blue_2 #62a0ea; -@define-color blue_3 #3584e4; -@define-color blue_4 #1c71d8; -@define-color blue_5 #1a5fb4; -@define-color green_1 #8ff0a4; -@define-color green_2 #57e389; -@define-color green_3 #33d17a; -@define-color green_4 #2ec27e; -@define-color green_5 #26a269; -@define-color yellow_1 #f9f06b; -@define-color yellow_2 #f8e45c; -@define-color yellow_3 #f6d32d; -@define-color yellow_4 #f5c211; -@define-color yellow_5 #e5a50a; -@define-color orange_1 #ffbe6f; -@define-color orange_2 #ffa348; -@define-color orange_3 #ff7800; -@define-color orange_4 #e66100; -@define-color orange_5 #c64600; -@define-color red_1 #f66151; -@define-color red_2 #ed333b; -@define-color red_3 #e01b24; -@define-color red_4 #c01c28; -@define-color red_5 #a51d2d; -@define-color purple_1 #dc8add; -@define-color purple_2 #c061cb; -@define-color purple_3 #9141ac; -@define-color purple_4 #813d9c; -@define-color purple_5 #613583; -@define-color brown_1 #cdab8f; -@define-color brown_2 #b5835a; -@define-color brown_3 #986a44; -@define-color brown_4 #865e3c; -@define-color brown_5 #63452c; -@define-color light_1 #ffffff; -@define-color light_2 #f6f5f4; -@define-color light_3 #deddda; -@define-color light_4 #c0bfbc; -@define-color light_5 #9a9996; -@define-color dark_1 #77767b; -@define-color dark_2 #5e5c64; -@define-color dark_3 #3d3846; -@define-color dark_4 #241f31; -@define-color dark_5 #000000; -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -@define-color accent_bg_color #FFD600; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #FFD600; -@define-color destructive_bg_color #E53935; -@define-color destructive_fg_color white; -@define-color destructive_color #E53935; -@define-color success_bg_color #0F9D58; -@define-color success_fg_color white; -@define-color success_color #0F9D58; -@define-color warning_bg_color #FFD600; -@define-color warning_fg_color rgba(0, 0, 0, 0.87); -@define-color warning_color #FFD600; -@define-color error_bg_color #E53935; -@define-color error_fg_color white; -@define-color error_color #E53935; -@define-color window_bg_color #F2F2F2; -@define-color window_fg_color rgba(0, 0, 0, 0.87); -@define-color view_bg_color #FFFFFF; -@define-color view_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_bg_color #FFFFFF; -@define-color headerbar_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_border_color rgba(0, 0, 0, 0.12); -@define-color headerbar_backdrop_color #FFFFFF; -@define-color headerbar_shade_color rgba(0, 0, 0, 0.12); -@define-color card_bg_color #FFFFFF; -@define-color card_fg_color rgba(0, 0, 0, 0.87); -@define-color card_shade_color rgba(0, 0, 0, 0.12); -@define-color dialog_bg_color #FAFAFA; -@define-color dialog_fg_color rgba(0, 0, 0, 0.87); -@define-color popover_bg_color #FFFFFF; -@define-color popover_fg_color rgba(0, 0, 0, 0.87); -@define-color shade_color rgba(0, 0, 0, 0.12); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.12); diff --git a/pika-gnome-settings/etc/skel/.config/pika_theme b/pika-gnome-settings/etc/skel/.config/pika_theme deleted file mode 100644 index 40a6cb9..0000000 --- a/pika-gnome-settings/etc/skel/.config/pika_theme +++ /dev/null @@ -1,38 +0,0 @@ -#! /bin/bash - -### This file is used to define kvantum and gtk4/libadwaita Themes for GNOME -## Set kvantum Themes - -# Set the kvantum theme gnome uses when in dark mode -# Example: KVANTUM_THEME_DARK=Orchis-dark - -#KVANTUM_THEME_DARK= - -# Set the kvantum theme gnome uses when in light mode -# Example: KVANTUM_THEME_LIGHT=Orchis - -#KVANTUM_THEME_LIGHT= - -## Set GTK3/Gnome-shell Themes (Use Theme names) - -# Set the GTK4/libadwaita theme gnome uses when in dark mode -# Example: GTK_THEME_DARK=Orchis-Dark - -#GTK_THEME_DARK= - -# Set the GTK4/libadwaita theme gnome uses when in lightmode -# Example: GTK_THEME_LIGHT=Orchis-Light - -#GTK_THEME_LIGHT= - -## Set GTK4/libadwaita Themes (Use PATHs) - -# Set the GTK4/libadwaita theme gnome uses when in dark mode -# Example: GTK_THEME_PATH_DARK=/usr/share/Orchis-Dark - -#GTK_THEME_PATH_DARK= - -# Set the GTK4/libadwaita theme gnome uses when in lightmode -# Example: GTK_THEME_PATH_LIGHT=/usr/share/Orchis-Light - -#GTK_THEME_PATH_LIGHT= diff --git a/pika-gnome-settings/etc/skel/.profile.d/pika_qt_settings.sh b/pika-gnome-settings/etc/skel/.profile.d/pika_qt_settings.sh index 25504e6..8629c47 100644 --- a/pika-gnome-settings/etc/skel/.profile.d/pika_qt_settings.sh +++ b/pika-gnome-settings/etc/skel/.profile.d/pika_qt_settings.sh @@ -1,3 +1,3 @@ #! /bin/bash -export QT_STYLE_OVERRIDE=kvantum +#export QT_STYLE_OVERRIDE=kvantum export XCURSOR_SIZE="$(gsettings get org.gnome.desktop.interface cursor-size)" diff --git a/pika-gnome-settings/etc/xdg/autostart/pika-theme.desktop b/pika-gnome-settings/etc/xdg/autostart/pika-theme.desktop deleted file mode 100644 index 16872b1..0000000 --- a/pika-gnome-settings/etc/xdg/autostart/pika-theme.desktop +++ /dev/null @@ -1,5 +0,0 @@ -[Desktop Entry] -Name=Pika Theme Setup -Exec=pika-theme-setup -Terminal=false -Type=Application diff --git a/pika-gnome-settings/usr/bin/pika-gnome-darkmode b/pika-gnome-settings/usr/bin/pika-gnome-darkmode deleted file mode 100644 index 39df693..0000000 --- a/pika-gnome-settings/usr/bin/pika-gnome-darkmode +++ /dev/null @@ -1,5 +0,0 @@ -#! /bin/dash -if [ "$(gsettings get org.pika.layouts pika-theme)" = 1 ] -then - pika-gnome-darkmode-py -fi \ No newline at end of file diff --git a/pika-gnome-settings/usr/bin/pika-gnome-darkmode-py b/pika-gnome-settings/usr/bin/pika-gnome-darkmode-py deleted file mode 100644 index 39bcbea..0000000 --- a/pika-gnome-settings/usr/bin/pika-gnome-darkmode-py +++ /dev/null @@ -1,13 +0,0 @@ -#! /usr/bin/python3 - -from gi.repository import Gio -import subprocess -import time -gso=Gio.Settings.new("org.gnome.desktop.interface") -gso_currnet=gso.get_value("color-scheme") - -while True: - gso_old, gso_currnet = gso_currnet, gso.get_value("color-scheme") - if gso_currnet != gso_old: - subprocess.run(["pika-gnome-theme"]) - time.sleep(0.05) \ No newline at end of file diff --git a/pika-gnome-settings/usr/bin/pika-gnome-theme b/pika-gnome-settings/usr/bin/pika-gnome-theme deleted file mode 100644 index 68dad8e..0000000 --- a/pika-gnome-settings/usr/bin/pika-gnome-theme +++ /dev/null @@ -1,29 +0,0 @@ -#! /bin/bash - -# Remove current libadwaita theme -rm -rfv $HOME/.config/gtk-4.0 - -# Import Theme Settings From system dir -if [ -f /etc/pika_theme ] -then -. "/etc/pika_theme" -fi - -# Import Theme Settings From user dir -if [ -f $HOME/.config/pika_theme ] -then -. "$HOME/.config/pika_theme" -fi - -if [ "$(gsettings get org.gnome.desktop.interface color-scheme)" = "'prefer-dark'" ] -then -gsettings set org.gnome.shell.extensions.user-theme name "$GTK_THEME_DARK" -gsettings set org.gnome.desktop.interface gtk-theme "$GTK_THEME_DARK" -kvantummanager --set "$KVANTUM_THEME_DARK" -cp -rfv "$GTK_THEME_PATH_DARK"/gtk-4.0 "$HOME"/.config/ -else -gsettings set org.gnome.shell.extensions.user-theme name "$GTK_THEME_LIGHT" -gsettings set org.gnome.desktop.interface gtk-theme "$GTK_THEME_LIGHT" -kvantummanager --set "$KVANTUM_THEME_LIGHT" -cp -rfv "$GTK_THEME_PATH_LIGHT"/gtk-4.0 "$HOME"/.config/ -fi diff --git a/pika-gnome-settings/usr/bin/pika-theme-setup b/pika-gnome-settings/usr/bin/pika-theme-setup deleted file mode 100644 index da79277..0000000 --- a/pika-gnome-settings/usr/bin/pika-theme-setup +++ /dev/null @@ -1,25 +0,0 @@ -#! /bin/bash -if gsettings get org.pika.layouts pika-theme | grep 2 -then -dconf write /org/pika/layouts/pika-theme 1 -gnome-extensions enable user-theme@gnome-shell-extensions.gcampax.github.com -dconf write /org/gnome/desktop/wm/preferences/titlebar-font "'Ubuntu Bold 11'" -dconf write /org/gnome/desktop/sound/theme-name "'pika'" -dconf write /org/gnome/desktop/interface/icon-theme "'Papirus'" -dconf write /org/gnome/desktop/interface/monospace-font-name "'Ubuntu Mono 13'" -dconf write /org/gnome/desktop/interface/document-font-name "'Sans 11'" -dconf write /org/gnome/desktop/interface/font-name "'Ubuntu 11'" -dconf write /org/gnome/desktop/interface/gtk-theme "'Jasper-Yellow-Dark'" -dconf write /org/gnome/shell/extensions/user-theme/name "'Jasper-Yellow-Dark'" -echo '#! /bin/bash' > $HOME/.config/pika_theme || touch $HOME/.config/pika_theme && echo '#! /bin/bash' > $HOME/.config/pika_theme -echo 'KVANTUM_THEME_DARK=Orchis-dark#' >> $HOME/.config/pika_theme -echo 'KVANTUM_THEME_LIGHT=Orchis#' >> $HOME/.config/pika_theme -echo 'GTK_THEME_DARK=$(dconf read /org/gnome/desktop/interface/gtk-theme | 'sed \"s+\'++\"' | 'sed \"s+\'++\"' | 'sed \"s+-Dark++\"' | 'sed \"s+-Light++\"')'-Dark >> $HOME/.config/pika_theme -echo 'GTK_THEME_LIGHT=$(dconf read /org/gnome/desktop/interface/gtk-theme | 'sed \"s+\'++\"' | 'sed \"s+\'++\"' | 'sed \"s+-Dark++\"' | 'sed \"s+-Light++\"')'-Light >> $HOME/.config/pika_theme -echo 'GTK_THEME_PATH_DARK=/usr/share/themes/$GTK_THEME_DARK' >> $HOME/.config/pika_theme -echo 'GTK_THEME_PATH_LIGHT=/usr/share/themes/GTK_THEME_LIGHT' >> $HOME/.config/pika_theme -dconf write /org/gnome/desktop/interface/color-scheme "'prefer-dark'" -pika-gnome-theme dark -fi - -nice -20 pika-gnome-darkmode \ No newline at end of file diff --git a/release.sh b/release.sh index 1575255..f38fc8e 100755 --- a/release.sh +++ b/release.sh @@ -1,8 +1,2 @@ # send debs to server -rsync -azP --include './' --include '*.deb' --exclude '*' ./output/ ferreo@direct.pika-os.com:/srv/www/incoming/ - -# add debs to repo -ssh ferreo@direct.pika-os.com 'aptly repo add -force-replace -remove-files pikauwu-main /srv/www/incoming/' - -# publish the repo -ssh ferreo@direct.pika-os.com 'aptly publish update -batch -skip-contents -force-overwrite pikauwu filesystem:pikarepo:' \ No newline at end of file +rsync -azP --include './' --include '*.deb' --exclude '*' ./output/ ferreo@direct.pika-os.com:/srv/www/cockatiel-incoming/ \ No newline at end of file