diff options
140 files changed, 19842 insertions, 3068 deletions
diff --git a/.bash_profile b/.bash_profile index 5f7f323..6138add 100644 --- a/.bash_profile +++ b/.bash_profile @@ -11,6 +11,7 @@ export PAGER="bat" export PATH=$HOME/.scripts:$PATH export PATH=$HOME/.local/bin:$PATH export PATH=$HOME/.config/emacs/bin:$PATH +export PATH=$HOME/.cargo/bin:$PATH export PATH=/usr/local/bin:$PATH @@ -1,11 +1,4 @@ -# -# ~/.bashrc -# - # If not running interactively, don't do anything [[ $- != *i* ]] && return -# alias ls='ls --color=auto' -# alias grep='grep --color=auto' -# PS1='[\u@\h \W]\$ ' -. "$HOME/.cargo/env" +fish && exit diff --git a/.config/Kvantum/catppuccin-mocha-mauve/catppuccin-mocha-mauve.kvconfig b/.config/Kvantum/catppuccin-mocha-mauve/catppuccin-mocha-mauve.kvconfig new file mode 100644 index 0000000..f34e600 --- /dev/null +++ b/.config/Kvantum/catppuccin-mocha-mauve/catppuccin-mocha-mauve.kvconfig @@ -0,0 +1,471 @@ +[%General] +author=elkrien based on Arc Dark style +comment=Catppuccin-Mocha-Mauve +combo_focus_rect=true +spread_menuitems=true +left_tabs=true +mirror_doc_tabs=true +scroll_width=8 +attach_active_tab=true +composite=true +menu_shadow_depth=7 +tooltip_shadow_depth=0 +splitter_width=7 +check_size=16 +slider_width=4 +slider_handle_width=18 +slider_handle_length=18 +textless_progressbar=false +menubar_mouse_tracking=true +slim_toolbars=false +toolbutton_style=1 +x11drag=menubar_and_primary_toolbar +double_click=false +translucent_windows=false +blurring=false +popup_blurring=true +opaque=kaffeine,kmplayer,subtitlecomposer,kdenlive,vlc,smplayer,smplayer2,avidemux,avidemux2_qt4,avidemux3_qt4,avidemux3_qt5,kamoso,QtCreator,VirtualBox,trojita,dragon,digikam,qmplay2 +group_toolbar_buttons=false +vertical_spin_indicators=false +fill_rubberband=false +spread_progressbar=true +merge_menubar_with_toolbar=true +small_icon_size=16 +large_icon_size=32 +button_icon_size=16 +scroll_arrows=false +iconless_pushbutton=true +toolbar_icon_size=16 +combo_as_lineedit=true +button_contents_shift=false +groupbox_top_label=true +inline_spin_indicators=true +joined_inactive_tabs=false +layout_spacing=2 +submenu_overlap=0 +tooltip_delay=-1 +animate_states=false +transient_scrollbar=true +alt_mnemonic=true +combo_menu=true +layout_margin=4 +no_window_pattern=false +respect_DE=true +scroll_min_extent=36 +scrollable_menu=false +scrollbar_in_view=false +spin_button_width=16 +submenu_delay=250 +tree_branch_line=true +progressbar_thickness=8 +click_behavior=0 +contrast=1.00 +dialog_button_layout=0 +drag_from_buttons=false +hide_combo_checkboxes=false +intensity=1.00 +no_inactiveness=false +reduce_menu_opacity=0 +reduce_window_opacity=10 +saturation=1.00 +shadowless_popup=false +transient_groove=false + +[GeneralColors] +window.color=#1E1E2E +base.color=#181825 +alt.base.color=#181825 +button.color=#313244 +light.color=#45475A +mid.light.color=#45475A +dark.color=#181825 +mid.color=#181825 +highlight.color=#CBA6F74D +inactive.highlight.color=#45475A +text.color=#CDD6F4 +window.text.color=#CDD6F4 +button.text.color=#CDD6F4 +disabled.text.color=#585B70 +tooltip.text.color=#CDD6F4 +highlight.text.color=#CDD6F4 +link.color=#CBA6F7 +link.visited.color=#CBB0F7 + +[ItemView] +inherits=PanelButtonCommand +frame.element=itemview +interior.element=itemview +frame=true +interior=true +text.iconspacing=3 +text.press.color=#CDD6F4 +text.toggle.color=#CDD6F4 + +[RadioButton] +inherits=PanelButtonCommand +frame=false +interior.element=radio + +[CheckBox] +inherits=PanelButtonCommand +frame=false +interior.element=checkbox + +[TreeExpander] +indicator.element=tree +indicator.size=8 + +[ToolTip] +frame.top=4 +frame.right=4 +frame.bottom=4 +frame.left=4 +frame=true + +[PanelButtonCommand] +inherits=PanelButtonCommand +interior.element=button +frame.element=button +text.normal.color=#CDD6F4 +text.focus.color=#CDD6F4 +text.press.color=#CDD6F4 +text.toggle.color=#CDD6F4 + +[PanelButtonTool] +inherits=PanelButtonCommand + +[DockTitle] +inherits=PanelButtonCommand +interior=false +frame=false +text.margin.top=5 +text.margin.bottom=5 +text.margin.left=5 +text.margin.right=5 +indicator.size=0 + +[Dock] +interior.element=toolbar +frame.element=toolbar +frame=true +interior=true + +[GroupBox] +inherits=PanelButtonCommand +interior.element=tabframe +interior=true +frame=false + +[Focus] +inherits=PanelButtonCommand +frame=true +frame.element=focus +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.patternsize=20 + +[GenericFrame] +inherits=PanelButtonCommand +frame.element=common +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[Slider] +inherits=PanelButtonCommand +interior=true +frame.element=slider +interior.element=slider +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +focusFrame=true + +[SliderCursor] +inherits=PanelButtonCommand +interior=true +interior.element=slidercursor +frame=false + +[LineEdit] +inherits=PanelButtonCommand +frame.element=lineedit +interior.element=lineedit + +[IndicatorSpinBox] +inherits=LineEdit +frame.element=lineedit +interior.element=lineedit +frame.top=0 +frame.bottom=2 +frame.left=2 +frame.right=2 +indicator.size=8 + +[DropDownButton] +inherits=PanelButtonCommand +frame.top=2 +frame.bottom=2 +frame.left=0 +frame.right=1 +indicator.size=8 + +[ToolboxTab] +inherits=PanelButtonCommand +frame.element=tabframe +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[Tab] +inherits=PanelButtonCommand +interior.element=tab +frame.element=tab +frame.top=2 +frame.bottom=3 +frame.left=3 +frame.right=3 +indicator.size=10 +text.normal.color=#9399B2 +text.focus.color=#CDD6F4 +text.press.color=#CDD6F4 +text.toggle.color=#CDD6F4 +focusFrame=true + +[TabBarFrame] +inherits=GenericFrame +frame=true +frame.element=tabBarFrame +interior=false +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[TabFrame] +inherits=PanelButtonCommand +frame.element=tabframe +interior.element=tabframe + +[Dialog] +inherits=TabBarFrame +frame.element=tabframe +interior=false +frame=false +frame.top=1 +frame.bottom=1 +frame.left=1 +frame.right=1 + +[HeaderSection] +inherits=PanelButtonCommand +interior.element=header +frame.element=header +frame.top=0 +frame.bottom=1 +frame.left=1 +frame.right=1 +frame.expansion=0 +text.normal.color=#CDD6F4 +text.focus.color=#CBA6F7 +text.press.color=#CDD6F4 +text.toggle.color=#CDD6F4 +indicator.element=harrow + +[SizeGrip] +inherits=PanelButtonCommand +frame=false +interior=false +indicator.element=resize-grip +indicator.size=0 + +[Toolbar] +inherits=PanelButtonCommand +interior.element=menubar +frame.element=menubar +frame=true +frame.bottom=4 +frame.left=4 +frame.right=4 +text.normal.color=#CDD6F4 +text.focus.color=#CDD6F4 +text.press.color=#CBA6F7 +text.toggle.color=#CBA6F7 +text.bold=false + +[MenuBar] +inherits=PanelButtonCommand +frame.element=menubar +interior.element=menubar +frame.bottom=0 +text.normal.color=#CDD6F4 +frame.expansion=0 +text.bold=false + +[ToolbarButton] +frame.element=tbutton +interior.element=tbutton +indicator.element=arrow +text.normal.color=#CDD6F4 +text.focus.color=#CDD6F4 +text.press.color=#CDD6F4 +text.toggle.color=#CDD6F4 +text.bold=false + +[ToolbarLineEdit] +frame.element=lineedit +interior.element=lineedit + +[Scrollbar] +inherits=PanelButtonCommand +indicator.size=0 +interior=false +frame=false + +[ScrollbarGroove] +inherits=PanelButtonCommand +interior=false +frame=false + +[ScrollbarSlider] +inherits=PanelButtonCommand +interior=false +frame.element=scrollbarslider +frame.top=4 +frame.bottom=4 +frame.left=4 +frame.right=4 + +[ProgressbarContents] +inherits=PanelButtonCommand +frame=true +frame.element=progress-pattern +interior.element=progress-pattern +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 + +[Progressbar] +inherits=PanelButtonCommand +frame.element=progress +interior.element=progress +frame.top=2 +frame.bottom=2 +frame.left=2 +frame.right=2 +text.margin=0 +text.normal.color=#CDD6F4 +text.focus.color=#CDD6F4 +text.press.color=#181825 +text.toggle.color=#181825 +text.bold=false +frame.expansion=18 + +[RadioButton] +inherits=PanelButtonCommand + +[Menu] +frame.element=menu +interior.element=menu +inherits=PanelButtonCommand +text.press.color=#181825 +text.toggle.color=#181825 +text.bold=false +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 + +[MenuItem] +inherits=PanelButtonCommand +interior.element=menuitem +indicator.size=8 +text.focus.color=#CDD6F4 +text.press.color=#CDD6F4 + +[MenuBarItem] +inherits=PanelButtonCommand +interior.element=menubaritem +frame=false +text.margin.top=3 +text.margin.bottom=3 +text.margin.left=5 +text.margin.right=5 + +[StatusBar] +inherits=Toolbar +frame.element=toolbar +font.bold=true +text.normal.color=#CDD6F4 +frame=true +frame.top=0 +frame.bottom=0 + +[TitleBar] +inherits=PanelButtonCommand +frame=false +interior=false +text.margin.top=2 +text.margin.bottom=2 +text.margin.left=3 +text.margin.right=3 + +[ComboBox] +inherits=PanelButtonCommand +indicator.size=8 +frame.top=3 +frame.bottom=3 +frame.left=3 +frame.right=3 +text.margin.top=1 +text.margin.bottom=1 +text.margin.left=3 +text.margin.right=3 +text.press.color=#CDD6F4 +text.toggle.color=#CDD6F4 + +[ToolboxTab] +inherits=PanelButtonCommand +text.normal.color=#CDD6F4 +text.press.color=#CDD6F4 +text.focus.color=#CDD6F4 + +[Hacks] +transparent_dolphin_view=false +blur_konsole=true +transparent_ktitle_label=true +transparent_menutitle=true +respect_darkness=true +kcapacitybar_as_progressbar=true +force_size_grip=false +iconless_pushbutton=true +iconless_menu=false +disabled_icon_opacity=100 +lxqtmainmenu_iconsize=0 +normal_default_pushbutton=true +single_top_toolbar=false +tint_on_mouseover=0 +transparent_pcmanfm_sidepane=true +transparent_pcmanfm_view=false +blur_translucent=true +centered_forms=false +kinetic_scrolling=false +middle_click_scroll=false +no_selection_tint=true +noninteger_translucency=false +style_vertical_toolbars=false +blur_only_active_window=false + +[Window] +interior=true +interior.element=window +frame.top=0 +frame.bottom=0 +frame.left=0 +frame.right=0 diff --git a/.config/Kvantum/catppuccin-mocha-mauve/catppuccin-mocha-mauve.svg b/.config/Kvantum/catppuccin-mocha-mauve/catppuccin-mocha-mauve.svg new file mode 100644 index 0000000..168e891 --- /dev/null +++ b/.config/Kvantum/catppuccin-mocha-mauve/catppuccin-mocha-mauve.svg @@ -0,0 +1,1959 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="845" height="695" version="1"> + <defs> + <defs> + <linearGradient id="linearGradient1304" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1768"/> + <linearGradient id="linearGradient1266"> + <stop style="stop-color:#000000;stop-opacity:0.3137255" offset="0"/> + <stop style="stop-color:#000000;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1272"> + <stop style="stop-color:#CDD6F4;stop-opacity:0.69072163" offset="0"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <radialGradient id="radialGradient1278" cx="522.895" cy="481.866" r="15.301" fx="522.899" fy="473.033" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1702"/> + <linearGradient id="linearGradient1279" x1="522.942" x2="522.942" y1="469.499" y2="505.084" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1697"/> + <linearGradient id="linearGradient1280" x1="213.828" x2="214.592" y1="183.484" y2="463.473" gradientTransform="matrix(1.5539,0,0,0.643542,-1.017928,0)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1702"/> + <linearGradient id="linearGradient1281" x1="520.572" x2="520.572" y1="506.287" y2="466.279" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1697"/> + <linearGradient id="linearGradient1282" x1="522.942" x2="522.942" y1="469.499" y2="505.084" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1697"/> + <linearGradient id="linearGradient1283" x1="44.931" x2="45.512" y1="56.725" y2="185.057" gradientTransform="matrix(1.694118,0,0,0.651906,0,-2.410339)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1702"/> + <linearGradient id="linearGradient1284" x1="520.572" x2="520.572" y1="506.287" y2="466.279" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1735"/> + <linearGradient id="linearGradient1285" x1="27.12" x2="27.018" y1="-353.759" y2="-316.477" gradientTransform="scale(2.89873,-0.344979)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1702"/> + <radialGradient id="radialGradient1286" cx="41.876" cy="37.866" r="12.563" fx="42.024" fy="37.866" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1845"/> + <linearGradient id="linearGradient1287" x1="10.686" x2="11.66" y1="22.703" y2="4.104" gradientTransform="scale(1.016203,0.984055)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1302"/> + <linearGradient id="linearGradient1288" x1="16.884" x2="12.517" y1="28.773" y2="2.602" gradientTransform="scale(1.016203,0.984055)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1305"/> + <defs> + <linearGradient id="linearGradient1290" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient2002"/> + <linearGradient id="linearGradient1291" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient2009"/> + <linearGradient id="linearGradient1292" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient2006"/> + <linearGradient id="linearGradient1296"> + <stop style="stop-color:#CDD6F4" offset="0"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1299"> + <stop style="stop-color:#000000;stop-opacity:0.14835165" offset="0"/> + <stop style="stop-color:#7f7f7f;stop-opacity:0.49803922" offset=".5"/> + <stop style="stop-color:#bfbfbf;stop-opacity:0.34705882" offset=".75"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0.12156863" offset=".875"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1309" x1="28.814" x2="47.366" y1="-1.616" y2="22.77" gradientTransform="scale(0.764292,1.3084)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <linearGradient id="linearGradient1310" x1="30.723" x2="39.781" y1="28.135" y2="27.315" gradientTransform="scale(0.475459,2.103232)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <linearGradient id="linearGradient1311" x1="30.382" x2="47.366" y1="7.533" y2="22.77" gradientTransform="matrix(0.479578,0,0,0.81043,36.76785,3.324472)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <linearGradient id="linearGradient1312" x1="25.955" x2="39.782" y1="25.071" y2="27.315" gradientTransform="scale(0.475459,2.103231)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <defs> + <linearGradient id="linearGradient1314" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1302"/> + <linearGradient id="linearGradient1315" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1305"/> + <linearGradient id="linearGradient1319" x1=".284" x2=".325" y1=".883" y2=".105" xlink:href="#linearGradient4114"/> + <linearGradient id="linearGradient1320" x1="-.008" x2=".596" y1="-1.245" y2=".361" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1321" x1="-.451" x2=".471" y1="-.151" y2=".366" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1322" x1=".459" x2=".69" y1="1.277" y2="-.297" xlink:href="#linearGradient2122"/> + <linearGradient id="linearGradient1323" x1="-.182" x2=".685" y1="-.44" y2=".424" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1324"> + <stop style="stop-color:#000000;stop-opacity:0.40784314" offset="0"/> + <stop style="stop-color:#000000;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1327" x1="1.378" x2=".584" y1=".254" y2=".13" xlink:href="#linearGradient2122"/> + <linearGradient id="linearGradient1328" x1="-.142" x2=".498" y1="-.288" y2=".356" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1329" x1=".995" x2=".327" y1=".644" y2=".3" xlink:href="#linearGradient1918"/> + <linearGradient id="linearGradient1330" x1=".278" x2=".451" y1="-.064" y2=".611" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1331"> + <stop style="stop-color:#d6d6d6" offset="0"/> + <stop style="stop-color:#eaeaea" offset=".258"/> + <stop style="stop-color:#919191" offset=".706"/> + <stop style="stop-color:#d2d2d2" offset=".733"/> + <stop style="stop-color:#a6a6a6" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1337" x1=".475" x2=".804" y1=".218" y2=".52" xlink:href="#linearGradient2317"/> + <linearGradient id="linearGradient1338"> + <stop style="stop-color:#CDD6F4" offset="0"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1341" x1=".416" x2=".596" y1=".277" y2=".443" xlink:href="#linearGradient1513"/> + <radialGradient id="radialGradient1342" cx=".5" cy=".5" r=".5" fx=".384" fy=".476" xlink:href="#linearGradient1918"/> + <linearGradient id="linearGradient1343" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1845"/> + <radialGradient id="radialGradient1344" cx=".5" cy=".5" r=".5" fx=".506" fy=".5" xlink:href="#linearGradient1918"/> + <linearGradient id="linearGradient1345" x1=".544" x2=".361" y1="1.137" y2=".042" xlink:href="#linearGradient4111"/> + </defs> + </defs> + <radialGradient id="radialGradient1397" cx="41.876" cy="37.866" r="12.563" fx="42.024" fy="37.866" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2002"/> + <linearGradient id="linearGradient1303" x1="240.862" x2="240.862" y1="635.747" y2="1038.944" gradientTransform="matrix(1.475472,0,0,0.677749,-32.57368,52.93652)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1683"/> + <defs> + <linearGradient id="linearGradient1694"> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="0"/> + <stop style="stop-color:#CDD6F4" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1683" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1304"/> + <linearGradient id="linearGradient1686" x1="242.398" x2="242.398" y1="1035.334" y2="636.255" gradientTransform="scale(1.475472,0.677749)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1683"/> + <linearGradient id="linearGradient1690" x1="240.862" x2="240.862" y1="635.747" y2="1038.944" gradientTransform="scale(1.475472,0.677749)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1683"/> + <linearGradient id="linearGradient1692" x1="244.86" x2="244.86" y1="827.013" y2="646.062" gradientTransform="scale(1.479463,0.675921)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1694"/> + <linearGradient id="linearGradient1249" x1="242.398" x2="242.398" y1="1035.334" y2="636.255" gradientTransform="scale(1.475472,0.677749)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1683"/> + <linearGradient id="linearGradient1251" x1="244.86" x2="244.86" y1="827.013" y2="646.062" gradientTransform="scale(1.479463,0.675921)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1694"/> + </defs> + </defs> + <defs> + <linearGradient id="linearGradient1845" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient2002"/> + <linearGradient id="linearGradient1305" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient2009"/> + <linearGradient id="linearGradient1302" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient2006"/> + <linearGradient id="linearGradient2354"> + <stop style="stop-color:#CDD6F4" offset="0"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient1778"> + <stop style="stop-color:#000000;stop-opacity:0.14835165" offset="0"/> + <stop style="stop-color:#7f7f7f;stop-opacity:0.49803922" offset=".5"/> + <stop style="stop-color:#bfbfbf;stop-opacity:0.34705882" offset=".75"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0.12156863" offset=".875"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient2353" x1="28.814" x2="47.366" y1="-1.616" y2="22.77" gradientTransform="scale(0.764292,1.3084)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <linearGradient id="linearGradient2358" x1="30.723" x2="39.781" y1="28.135" y2="27.315" gradientTransform="scale(0.475459,2.103232)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <linearGradient id="linearGradient2360" x1="30.382" x2="47.366" y1="7.533" y2="22.77" gradientTransform="matrix(0.479578,0,0,0.81043,36.76785,3.324472)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <linearGradient id="linearGradient2368" x1="25.955" x2="39.782" y1="25.071" y2="27.315" gradientTransform="scale(0.475459,2.103231)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient2354"/> + <defs> + <linearGradient id="linearGradient4114" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1302"/> + <linearGradient id="linearGradient4111" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1305"/> + <linearGradient id="linearGradient2222" x1=".284" x2=".325" y1=".883" y2=".105" xlink:href="#linearGradient4114"/> + <linearGradient id="linearGradient2313" x1="-.008" x2=".596" y1="-1.245" y2=".361" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient2314" x1="-.451" x2=".471" y1="-.151" y2=".366" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1516" x1=".459" x2=".69" y1="1.277" y2="-.297" xlink:href="#linearGradient2122"/> + <linearGradient id="linearGradient2223" x1="-.182" x2=".685" y1="-.44" y2=".424" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient2122"> + <stop style="stop-color:#000000;stop-opacity:0.40784314" offset="0"/> + <stop style="stop-color:#000000;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient2138" x1="1.378" x2=".584" y1=".254" y2=".13" xlink:href="#linearGradient2122"/> + <linearGradient id="linearGradient2224" x1="-.142" x2=".498" y1="-.288" y2=".356" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient1512" x1=".995" x2=".327" y1=".644" y2=".3" xlink:href="#linearGradient1918"/> + <linearGradient id="linearGradient2315" x1=".278" x2=".451" y1="-.064" y2=".611" xlink:href="#linearGradient1513"/> + <linearGradient id="linearGradient2317"> + <stop style="stop-color:#d6d6d6" offset="0"/> + <stop style="stop-color:#eaeaea" offset=".258"/> + <stop style="stop-color:#919191" offset=".706"/> + <stop style="stop-color:#d2d2d2" offset=".733"/> + <stop style="stop-color:#a6a6a6" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient2316" x1=".475" x2=".804" y1=".218" y2=".52" xlink:href="#linearGradient2317"/> + <linearGradient id="linearGradient1513"> + <stop style="stop-color:#CDD6F4" offset="0"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient2121" x1=".416" x2=".596" y1=".277" y2=".443" xlink:href="#linearGradient1513"/> + <radialGradient id="radialGradient2541" cx=".5" cy=".5" r=".5" fx=".384" fy=".476" xlink:href="#linearGradient1918"/> + <linearGradient id="linearGradient1918" x1="0" x2="1" y1=".5" y2=".5" gradientUnits="objectBoundingBox" spreadMethod="pad" xlink:href="#linearGradient1845"/> + <radialGradient id="radialGradient1502" cx=".5" cy=".5" r=".5" fx=".506" fy=".5" xlink:href="#linearGradient1918"/> + <linearGradient id="linearGradient2312" x1=".544" x2=".361" y1="1.137" y2=".042" xlink:href="#linearGradient4111"/> + </defs> + </defs> + <linearGradient id="linearGradient1702"> + <stop style="stop-color:#CDD6F4;stop-opacity:0.69072163" offset="0"/> + <stop style="stop-color:#CDD6F4;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient2002"> + <stop style="stop-color:#000000;stop-opacity:0.3137255" offset="0"/> + <stop style="stop-color:#000000;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="selected_bg_color" gradientTransform="translate(91,-40.99999)"> + <stop style="stop-color:#CBA6F7" offset="0"/> + </linearGradient> + <radialGradient id="radialGradient11175" cx="525" cy="330" r="5" fx="525" fy="330" gradientTransform="matrix(0,-1.4,2,0,-135,1065)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <linearGradient id="linearGradient3893"> + <stop style="stop-color:#000000" offset="0"/> + <stop style="stop-color:#000000;stop-opacity:0" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient11121" x1="532" x2="532" y1="330" y2="323" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <linearGradient id="linearGradient11133" x1="525" x2="515" y1="348" y2="348" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <radialGradient id="radialGradient11173" cx="571" cy="330" r="5" fx="571" fy="330" gradientTransform="matrix(2,0,0,1.4,-571,-132)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <linearGradient id="linearGradient11125" x1="571" x2="581" y1="351" y2="351" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <radialGradient id="radialGradient11177" cx="525" cy="373" r="5" fx="525" fy="373" gradientTransform="matrix(-2,0,0,-2,1575,1119)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <linearGradient id="linearGradient11129" x1="533" x2="533" y1="373" y2="383" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <radialGradient id="radialGradient11179" cx="571" cy="373" r="5" fx="571" fy="373" gradientTransform="matrix(0,2,-2,0,1317,-769)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient3893"/> + <linearGradient id="linearGradient2266" x1="18" x2="32" y1="31.36" y2="31.36" gradientUnits="userSpaceOnUse" xlink:href="#selected_bg_color"/> + <linearGradient id="linearGradient2268" x1="18" x2="32" y1="31.36" y2="31.36" gradientUnits="userSpaceOnUse" xlink:href="#selected_bg_color"/> + <linearGradient id="linearGradient2270" x1="51.199" x2="80.35" y1="127.576" y2="127.576" gradientTransform="scale(1.0080248,0.9920391)" gradientUnits="userSpaceOnUse" xlink:href="#selected_bg_color"/> + <linearGradient id="linearGradient2272" x1="18" x2="32" y1="31.36" y2="31.36" gradientUnits="userSpaceOnUse" xlink:href="#selected_bg_color"/> + <linearGradient id="linearGradient2274" x1="18" x2="32" y1="31.36" y2="31.36" gradientUnits="userSpaceOnUse" xlink:href="#selected_bg_color"/> + <linearGradient id="linearGradient2276" x1="51.199" x2="80.35" y1="127.576" y2="127.576" gradientTransform="scale(1.0080248,0.9920391)" gradientUnits="userSpaceOnUse" xlink:href="#selected_bg_color"/> + </defs> + <g id="menuitem-tearoff-normal" transform="translate(569.22443,-600.73382)"> + <rect style="opacity:0;fill:#141414" width="7" height="9" x="686.5" y="-229.5" transform="rotate(90)"/> + <path style="fill:#313244" d="m 227.2385,689 h -2.2462 v 2 h 2.2462 z m -4.4924,0 H 220.5 v 2 h 2.2461 z"/> + </g> + <g id="menuitem-tearoff-focused" transform="translate(591.22443,-600.73382)"> + <rect style="opacity:0;fill:#141414" width="7" height="9" x="686.5" y="-229.5" transform="rotate(90)"/> + <path style="fill:#181825" d="m 227.2385,689 h -2.2462 v 2 h 2.2462 z m -4.4924,0 H 220.5 v 2 h 2.2461 z"/> + </g> + <g id="dial" transform="matrix(0.95744681,0,0,0.95744681,359.41894,236.51316)"> + <rect id="dial-handle-4" style="opacity:0.00100002;fill:none;stroke:#000000;stroke-width:1.04444" width="10.444" height="10.444" x="104.86" y="228.25" rx="5.222" ry="5.222"/> + </g> + <g id="dial-notches" style="fill:#CDD6F4" transform="translate(-158.89134,-161.46256)"> + <rect style="opacity:0" width="45" height="45" x="202.5" y="667.5"/> + <path id="dial-notches0" style="opacity:0.3" d="m 214.625,670 -1.75,1 2.25,3.9063 1.75,-1 z m 20.75,0 -2.25,3.9063 1.75,1 2.25,-3.9063 z M 202.5,689 v 2 h 4.5 v -2 z m 40.5,0 v 2 h 4.5 v -2 z m -27.875,16.0938 -2.25,3.9062 1.75,1 2.25,-3.9062 z m 19.75,0 -1.75,1 2.25,3.9062 1.75,-1 z"/> + <path style="opacity:0.3" d="m 222.9062,667.5938 -0.5,0.0625 0.3125,2.9688 0.5,-0.0312 -0.3125,-3 z m 4.1875,0 -0.3125,3 0.5,0.0312 0.3125,-2.9688 -0.5,-0.0625 z m -8.8125,0.9375 -0.4688,0.1562 0.9375,2.8438 0.4688,-0.1562 z m 13.4375,0 -0.9375,2.8438 0.4688,0.1562 0.9375,-2.8438 z m -21.5938,4.5938 -0.375,0.3125 2.0312,2.25 0.3438,-0.3438 -2,-2.2188 z m 29.75,0 -2,2.2188 0.3438,0.3438 2.0312,-2.25 -0.375,-0.3125 z m -32.9375,3.4375 -0.2812,0.4062 2.4062,1.7812 0.3125,-0.4062 z m 36.125,0 -2.4375,1.7812 0.3125,0.4062 2.4062,-1.7812 z m -38.5,4.0625 -0.2188,0.4375 2.75,1.25 0.1875,-0.4688 -2.7188,-1.2188 z m 40.875,0 -2.7188,1.2188 0.1875,0.4688 2.75,-1.25 -0.2188,-0.4375 z m -42.4062,4.4375 -0.0937,0.5 2.9375,0.625 0.0937,-0.5 z m 43.9375,0 -2.9375,0.625 0.0937,0.5 2.9375,-0.625 z m -41.0938,8.75 -2.9375,0.625 0.0937,0.5 2.9375,-0.625 z m 38.25,0 -0.0937,0.5 2.9375,0.625 0.0937,-0.5 z m -37.0312,3.875 -2.75,1.25 0.2188,0.4375 2.7188,-1.2188 -0.1875,-0.4688 z m 35.8125,0 -0.1875,0.4688 2.7188,1.2188 0.2188,-0.4375 -2.75,-1.25 z m -33.8438,3.5625 -2.4062,1.7812 0.2812,0.4062 2.4375,-1.7812 z m 31.875,0 -0.3125,0.4062 2.4375,1.7812 0.2812,-0.4062 z m -29.1562,3.0625 -2.0312,2.25 0.375,0.3125 2,-2.2188 -0.3438,-0.3438 z m 26.4375,0 -0.3438,0.3438 2,2.2188 0.375,-0.3125 -2.0312,-2.25 z"/> + </g> + <rect id="grip-normal" style="opacity:0" width="5" height="5" x="549.3" y="636.64"/> + <rect id="grip-focused" style="opacity:0" width="5" height="5" x="579.3" y="636.64"/> + <rect id="grip-pressed" style="opacity:0" width="5" height="5" x="609.3" y="636.64"/> + <rect width="5" x="327" y="306" height="1" style="opacity:0.55;fill:#CDD6F4" id="slider-tick-normal" /> + <g id="itemview-toggled-left" transform="matrix(0.44036689,0,0,-1.999996,510.85999,2181.7643)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="2" height="21" x="-721.81" y="789.58"/> + </g> + <g id="itemview-toggled-bottom" transform="matrix(0.84070043,0,0,-1.1999995,799.02299,1538.1001)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="55" height="2" x="-719.81" y="777.58"/> + </g> + <rect id="itemview-toggled-top" style="opacity:0.25;fill:#CBA6F7" width="46.239" height="3.6" x="193.88" y="-560.6" transform="scale(1,-1)"/> + <g id="itemview-toggled-right" transform="matrix(0.44036689,0,0,-1.999996,532.87829,2181.7643)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="2" height="21" x="-664.81" y="789.58"/> + </g> + <rect id="itemview-toggled" style="opacity:0.25;fill:#CBA6F7" width="46.239" height="42" x="193.88" y="-602.6" transform="scale(1,-1)"/> + <path id="itemview-toggled-topleft" style="opacity:0.25;fill:#CBA6F7" d="m 193.88074,556.99973 c -0.48641,0 -0.88073,1.0745 -0.88073,2.4 v 1.2 h 0.88073 v -1.2 z"/> + <path id="itemview-toggled-bottomright" style="opacity:0.25;fill:#CBA6F7" d="m 241,602.59961 a 0.88073379,2.3999989 0 0 1 -0.88074,2.4 v -2.4 z"/> + <path id="itemview-toggled-bottomleft" style="opacity:0.25;fill:#CBA6F7" d="m 193,602.59961 a 0.88073379,2.3999989 0 0 0 0.88074,2.4 v -2.4 z"/> + <path id="itemview-toggled-topright" style="opacity:0.25;fill:#CBA6F7" d="m 240.11927,556.99973 c 0.48641,0 0.88073,1.0745 0.88073,2.4 v 1.2 h -0.88073 v -1.2 z"/> + <g id="toolbar-normal-top" transform="matrix(0.83636363,0,0,0.5,616.0229,-304.79001)"> + <path style="fill:#181825" transform="matrix(1.25,0,0,2,-738.56,609.52204)" d="m 15,84.029297 v 0.5 0.5 h 44 v -0.5 -0.5 z"/> + </g> + <rect id="toolbar-normal" style="fill:#181825" width="46" height="46" x="14" y="85"/> + <g id="itemview-pressed-left" transform="matrix(0.44036689,0,0,-1.999996,588.86,2181.7643)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="2" height="21" x="-721.81" y="789.58"/> + </g> + <g id="itemview-pressed-bottom" transform="matrix(0.84070043,0,0,-1.1999995,877.02311,1538.1001)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="55" height="2" x="-719.81" y="777.58"/> + </g> + <rect id="itemview-pressed-top" style="opacity:0.25;fill:#CBA6F7" width="46.239" height="3.6" x="271.88" y="-560.6" transform="scale(1,-1)"/> + <g id="itemview-pressed-right" transform="matrix(0.44036689,0,0,-1.999996,610.8783,2181.7643)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="2" height="21" x="-664.81" y="789.58"/> + </g> + <rect id="itemview-pressed" style="opacity:0.25;fill:#CBA6F7" width="46.239" height="42" x="271.88" y="-602.6" transform="scale(1,-1)"/> + <path id="itemview-pressed-topleft" style="opacity:0.25;fill:#CBA6F7" d="m 271.88074,556.99973 c -0.48641,0 -0.88073,1.0745 -0.88073,2.4 v 1.2 h 0.88073 v -1.2 z"/> + <path id="itemview-pressed-bottomright" style="opacity:0.25;fill:#CBA6F7" d="m 319,602.59961 a 0.88073379,2.3999989 0 0 1 -0.88074,2.4 v -2.4 z"/> + <path id="itemview-pressed-bottomleft" style="opacity:0.25;fill:#CBA6F7" d="m 271,602.59961 a 0.88073379,2.3999989 0 0 0 0.88074,2.4 v -2.4 z"/> + <path id="itemview-pressed-topright" style="opacity:0.25;fill:#CBA6F7" d="m 318.11927,556.99973 c 0.48641,0 0.88073,1.0745 0.88073,2.4 v 1.2 h -0.88073 v -1.2 z"/> + <g id="splitter-grip-focused" style="opacity:0" transform="translate(502.42498,-393.92675)"> + <path style="fill:#CBA6F7" d="m 227.5,690 c 0,1.3807 -1.11929,2.5 -2.5,2.5 -1.38071,0 -2.5,-1.1193 -2.5,-2.5 0,-1.3807 1.11929,-2.5 2.5,-2.5 1.38071,0 2.5,1.1193 2.5,2.5 z"/> + <g style="fill:#CBA6F7"> + <path style="fill:#CBA6F7" d="m 226.9643,683.9643 c 0,1.0848 -0.87944,1.9643 -1.96429,1.9643 -1.08484,0 -1.96428,-0.8795 -1.96428,-1.9643 0,-1.0849 0.87944,-1.9643 1.96428,-1.9643 1.08485,0 1.96429,0.8794 1.96429,1.9643 z"/> + <path style="fill:#CBA6F7" d="m 226.9643,696.0357 c 0,1.0848 -0.87944,1.9643 -1.96429,1.9643 -1.08484,0 -1.96428,-0.8795 -1.96428,-1.9643 0,-1.0849 0.87944,-1.9643 1.96428,-1.9643 1.08485,0 1.96429,0.8794 1.96429,1.9643 z"/> + </g> + </g> + <g id="splitter-grip-pressed" style="opacity:0" transform="translate(515.66069,-421.12141)"> + <path style="fill:#CBA6F7" d="m 227.5,690 c 0,1.3807 -1.11929,2.5 -2.5,2.5 -1.38071,0 -2.5,-1.1193 -2.5,-2.5 0,-1.3807 1.11929,-2.5 2.5,-2.5 1.38071,0 2.5,1.1193 2.5,2.5 z"/> + <g style="fill:#CBA6F7"> + <path style="fill:#CBA6F7" d="m 226.9643,683.9643 c 0,1.0848 -0.87944,1.9643 -1.96429,1.9643 -1.08484,0 -1.96428,-0.8795 -1.96428,-1.9643 0,-1.0849 0.87944,-1.9643 1.96428,-1.9643 1.08485,0 1.96429,0.8794 1.96429,1.9643 z"/> + <path style="fill:#CBA6F7" d="m 226.9643,696.0357 c 0,1.0848 -0.87944,1.9643 -1.96429,1.9643 -1.08484,0 -1.96428,-0.8795 -1.96428,-1.9643 0,-1.0849 0.87944,-1.9643 1.96428,-1.9643 1.08485,0 1.96429,0.8794 1.96429,1.9643 z"/> + </g> + </g> + <rect id="slider-topglow-normal" style="opacity:0.6;fill:#dcdcdc;fill-opacity:0" width="10" height="30" x="311.17" y="491.77"/> + <use id="slider-bottomglow-normal" width="450" height="1380" x="0" y="0" transform="translate(39.999997)" xlink:href="#slider-topglow-normal"/> + <g id="splitter-grip-normal" style="opacity:0" transform="translate(518.58485,-394.77228)"> + <path style="fill:#bebebe" d="m 227.5,690 c 0,1.3807 -1.11929,2.5 -2.5,2.5 -1.38071,0 -2.5,-1.1193 -2.5,-2.5 0,-1.3807 1.11929,-2.5 2.5,-2.5 1.38071,0 2.5,1.1193 2.5,2.5 z"/> + <g style="fill:#CBA6F7"> + <path style="fill:#bebebe" d="m 226.9643,683.9643 c 0,1.0848 -0.87944,1.9643 -1.96429,1.9643 -1.08484,0 -1.96428,-0.8795 -1.96428,-1.9643 0,-1.0849 0.87944,-1.9643 1.96428,-1.9643 1.08485,0 1.96429,0.8794 1.96429,1.9643 z"/> + <path style="fill:#bebebe" d="m 226.9643,696.0357 c 0,1.0848 -0.87944,1.9643 -1.96429,1.9643 -1.08484,0 -1.96428,-0.8795 -1.96428,-1.9643 0,-1.0849 0.87944,-1.9643 1.96428,-1.9643 1.08485,0 1.96429,0.8794 1.96429,1.9643 z"/> + </g> + </g> + <path id="resize-grip-normal" style="opacity:0.00100002;fill:#b4b4b4" d="m 371.00039,90.896008 v 20.000002 h -20 z"/> + <use id="resize-grip-focused" width="450" height="1380" x="0" y="0" transform="translate(50)" xlink:href="#resize-grip-normal"/> + <g id="spin-normal-topright" transform="matrix(0.44036669,0,0,1.2307681,1024.3509,-687.15795)"> + <path style="opacity:0" d="m -664.80709,777.58403 c 1.10457,0 2,0.89543 2,2 h -1 c 0,-0.55228 -0.44772,-1 -1,-1 z"/> + <path style="opacity:0.1;fill:#31363b" transform="matrix(0.5,0,0,-0.5,-744.80709,700.08403)" d="m 162,-159 a 2,2 0 0 1 -2,2 v -2 z"/> + </g> + <g id="slidercursor-focused" transform="matrix(1.2,0,0,1.2,638.8,-15.800242)"> + <rect style="opacity:0.00100002;fill-opacity:0.00392157" width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)"/> + <circle style="fill:#CDD6F4" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/> + <circle style="fill:#CDD6F4" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/> + </g> + <g id="slidercursor-pressed" transform="matrix(1.2,0,0,1.2,668.8,-15.800242)"> + <rect style="opacity:0.00100002;fill-opacity:0.00392157" width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)"/> + <circle style="fill:#CBA6F7" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/> + <circle style="fill:#CBA6F7" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/> + </g> + <g id="slidercursor-disabled" style="opacity:0.00100002" transform="matrix(1.2,0,0,1.2,699.8,-15.800242)"> + <rect style="opacity:0.00100002;fill-opacity:0.00392157" width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)"/> + <circle style="fill:#181825" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/> + <circle style="fill:#313244" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/> + </g> + <path id="slider-toggled-topleft" style="fill:#CBA6F7;fill-rule:evenodd" d="m 530,7.9997563 c -6.648,0 -12,5.3519997 -12,11.9999997 h 12 z"/> + <path id="slider-toggled-left" style="fill:#CBA6F7;fill-rule:evenodd" d="m 518,19.999766 v 15.90889 0.0911 h 12 v -15.99973 h -12 z"/> + <path id="slider-toggled-topright" style="fill:#CBA6F7;fill-rule:evenodd" d="m 530,7.9997563 c 6.648,0 12,5.3519997 12,11.9999997 h -12 z"/> + <path id="slider-toggled-right" style="fill:#CBA6F7;fill-rule:evenodd" d="m 530,19.999766 v 15.90889 0.0911 h 12 v -15.99973 h -12 z"/> + <path id="slider-normal-topleft" style="fill:#45475A;fill-rule:evenodd" d="m 499,8.9997562 c -6.648,0 -12,5.3519998 -12,11.9999998 h 12 z"/> + <path id="slider-normal-left" style="fill:#45475A;fill-rule:evenodd" d="m 487,20.999806 v 15.90885 0.0911 h 12 v -15.99971 h -12 z"/> + <path id="slider-normal-topright" style="fill:#45475A;fill-rule:evenodd" d="m 499,8.9997562 c 6.648,0 12,5.3519998 12,11.9999998 h -12 z"/> + <path id="slider-normal-right" style="fill:#45475A;fill-rule:evenodd" d="m 499,20.999806 v 15.90885 0.0911 h 12 v -15.99971 h -12 z"/> + <path id="slider-toggled-bottomleft" style="fill:#CBA6F7;fill-rule:evenodd" d="m 530,47.999756 c -6.648,0 -12,-5.352 -12,-12 h 12 z"/> + <path id="slider-toggled-bottomright" style="fill:#CBA6F7;fill-rule:evenodd" d="m 530,47.999756 c 6.648,0 12,-5.352 12,-12 h -12 z"/> + <path id="slider-normal-bottomleft" style="opacity:0.3;fill-rule:evenodd" d="m 499,48.999756 c -6.648,0 -12,-5.352 -12,-12 h 12 z"/> + <path id="slider-normal-bottomright" style="opacity:0.3;fill-rule:evenodd" d="m 499,48.999756 c 6.648,0 12,-5.352 12,-12 h -12 z"/> + <rect id="scrollbarslider-normal" style="fill:#45475A" width="1" height="10" x="225" y="469"/> + <g id="scrollbarslider-normal-right" transform="matrix(0.75,0,0,1,220.25,461.99976)"> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + <rect style="opacity:0;fill:#45475A" width="1" height="10" x="29" y="20" transform="matrix(1.3333333,0,0,1,-25.666667,-13)"/> + </g> + <g id="scrollbarslider-normal-topright" transform="matrix(0.75,0,0,0.75,220.25,462.74976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="26" y="15" transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-18.333333)"/> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"/> + </g> + <g id="scrollbarslider-normal-bottomright" transform="matrix(0.75,0,0,0.75,220.25,467.24976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="26" y="31" transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-24.333333)"/> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"/> + </g> + <g id="scrollbarslider-normal-left" transform="matrix(-0.75,0,0,1,230.75,461.99976)"> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + <rect style="opacity:0;fill:#45475A" width="1" height="10" x="19" y="20" transform="matrix(-1.3333333,0,0,1,39.666667,-13)"/> + </g> + <g id="scrollbarslider-normal-topleft" transform="matrix(-0.75,0,0,0.75,230.75,462.74976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="19" y="15" transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-18.333333)"/> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"/> + </g> + <g id="scrollbarslider-normal-bottomleft" transform="matrix(-0.75,0,0,0.75,230.75,467.24976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="19" y="31" transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-24.333333)"/> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"/> + </g> + <g id="scrollbarslider-normal-top" transform="matrix(0,-0.75,-0.1,0,226.7,474.74976)"> + <rect style="opacity:0.01;fill:#45475A" width="1" height="4" x="24" y="15" transform="matrix(0,-10,-1.3333333,0,34.333333,257)"/> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + </g> + <g id="scrollbarslider-normal-bottom" transform="matrix(0,0.75,-0.1,0,226.7,473.24976)"> + <rect style="opacity:0;fill:#45475A" width="1" height="4" x="24" y="31" transform="matrix(0,-10,1.3333333,0,-32.333333,257)"/> + <path style="fill:#45475A;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + </g> + <rect id="scrollbarslider-focused" style="fill:#585B70" width="1" height="10" x="240" y="469"/> + <g id="scrollbarslider-focused-right" transform="matrix(0.75,0,0,1,235.25,461.99976)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + <rect style="opacity:0;fill:#45475A" width="1" height="10" x="29" y="42" transform="matrix(1.3333333,0,0,1,-25.666667,-35)"/> + </g> + <g id="scrollbarslider-focused-topright" transform="matrix(0.75,0,0,0.75,235.25,462.74976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="26" y="37" transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-47.666667)"/> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"/> + </g> + <g id="scrollbarslider-focused-bottomright" style="fill:#45475A" transform="matrix(0.75,0,0,0.75,235.25,467.24976)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"/> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="26" y="53" transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-53.666667)"/> + </g> + <g id="scrollbarslider-focused-left" transform="matrix(-0.75,0,0,1,245.75,461.99976)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + <rect style="opacity:0;fill:#45475A" width="1" height="10" x="19" y="42" transform="matrix(-1.3333333,0,0,1,39.666667,-35)"/> + </g> + <g id="scrollbarslider-focused-topleft" transform="matrix(-0.75,0,0,0.75,245.75,462.74976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="19" y="37" transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-47.666667)"/> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"/> + </g> + <g id="scrollbarslider-focused-bottomleft" transform="matrix(-0.75,0,0,0.75,245.75,467.24976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="19" y="53" transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-53.666667)"/> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"/> + </g> + <g id="scrollbarslider-focused-top" transform="matrix(0,-0.75,-0.1,0,241.7,474.74976)"> + <rect style="opacity:0;fill:#45475A" width="1" height="4" x="24" y="37" transform="matrix(0,-10,-1.3333333,0,63.666667,257)"/> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + </g> + <g id="scrollbarslider-focused-bottom" transform="matrix(0,0.75,-0.1,0,241.7,473.24976)"> + <rect style="opacity:0;fill:#45475A" width="1" height="4" x="24" y="53" transform="matrix(0,-10,1.3333333,0,-61.666667,257)"/> + <path style="fill:#585B70;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + </g> + <rect id="scrollbarslider-pressed" style="fill:#CBA6F7" width="1" height="10" x="255" y="469"/> + <g id="scrollbarslider-pressed-right" transform="matrix(0.75,0,0,1,250.25,461.99976)"> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + <rect style="opacity:0;fill:#45475A" width="1" height="10" x="29" y="64" transform="matrix(1.3333333,0,0,1,-25.666667,-57)"/> + </g> + <g id="scrollbarslider-pressed-topright" transform="matrix(0.75,0,0,0.75,250.25,462.74976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="26" y="59" transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-77)"/> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"/> + </g> + <g id="scrollbarslider-pressed-bottomright" transform="matrix(0.75,0,0,0.75,250.25,467.24976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="26" y="75" transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-83)"/> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"/> + </g> + <g id="scrollbarslider-pressed-left" transform="matrix(-0.75,0,0,1,260.75,461.99976)"> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + <rect style="opacity:0;fill:#45475A" width="1" height="10" x="19" y="64" transform="matrix(-1.3333333,0,0,1,39.666667,-57)"/> + </g> + <g id="scrollbarslider-pressed-topleft" transform="matrix(-0.75,0,0,0.75,260.75,462.74976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="19" y="59" transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-77)"/> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"/> + </g> + <g id="scrollbarslider-pressed-bottomleft" transform="matrix(-0.75,0,0,0.75,260.75,467.24976)"> + <rect style="opacity:0;fill:#45475A" width="4" height="4" x="19" y="75" transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-83)"/> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"/> + </g> + <g id="scrollbarslider-pressed-top" transform="matrix(0,-0.75,-0.1,0,256.7,474.74976)"> + <rect style="opacity:0;fill:#45475A" width="1" height="4" x="24" y="59" transform="matrix(0,-10,-1.3333333,0,93,257)"/> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + </g> + <g id="scrollbarslider-pressed-bottom" transform="matrix(0,0.75,-0.1,0,256.7,473.24976)"> + <rect style="opacity:0;fill:#45475A" width="1" height="4" x="24" y="75" transform="matrix(0,-10,1.3333333,0,-91,257)"/> + <path style="fill:#CBA6F7;fill-rule:evenodd" d="m 9,7 v 10 h 4 V 7 Z"/> + </g> + <rect id="progress-pattern-normal" style="fill:#CBA6F7" width="30" height="30" x="419" y="13"/> + <g id="progress-pattern-normal-left" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="98" y="-65" transform="rotate(90)"/> + <path style="fill:#CBA6F7" d="m 64,98 v 30 h 1 V 98 Z"/> + </g> + <g id="progress-pattern-normal-topleft" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="63" y="96"/> + <path style="fill:#CBA6F7" d="m 65,97 c -0.497258,0 -1,0.51007 -1,1 h 1 z"/> + </g> + <g id="progress-pattern-normal-topright" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="95" y="96"/> + <path style="fill:#CBA6F7" d="m 95,97 c 0.49726,0 1,0.51007 1,1 h -1 z"/> + </g> + <g id="progress-pattern-normal-right" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="98" y="-97" transform="rotate(90)"/> + <path style="fill:#CBA6F7" d="m 96,98 v 30 H 95 V 98 Z"/> + </g> + <g id="progress-pattern-normal-top" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="65" y="96"/> + <rect style="fill:#CBA6F7" width="30" height="1" x="65" y="97"/> + </g> + <g id="progress-pattern-normal-bottomleft" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="63" y="128"/> + <path style="fill:#CBA6F7" d="m 65,129 c -0.49726,0 -1,-0.51007 -1,-1 h 1 z"/> + </g> + <g id="progress-pattern-normal-bottomright" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="95" y="128"/> + <path style="fill:#CBA6F7" d="m 95,129 c 0.49726,0 1,-0.51007 1,-1 h -1 z"/> + </g> + <g id="progress-pattern-normal-bottom" transform="translate(354,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="65" y="128"/> + <rect style="fill:#CBA6F7" width="30" height="1" x="65" y="-129" transform="scale(1,-1)"/> + </g> + <rect id="progress-normal" style="fill:#45475A" width="30" height="30" x="378" y="13"/> + <g id="progress-normal-left" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="98" y="-65" transform="rotate(90)"/> + <path style="fill:#45475A" d="m 64,98 v 30 h 1 V 98 Z"/> + </g> + <g id="progress-normal-topleft" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="63" y="96"/> + <path style="fill:#45475A" d="m 65,97 c -0.497258,0 -1,0.51007 -1,1 h 1 z"/> + </g> + <g id="progress-normal-topright" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="95" y="96"/> + <path style="fill:#45475A" d="m 95,97 c 0.49726,0 1,0.51007 1,1 h -1 z"/> + </g> + <g id="progress-normal-right" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="98" y="-97" transform="rotate(90)"/> + <path style="fill:#45475A" d="m 96,98 v 30 H 95 V 98 Z"/> + </g> + <g id="progress-normal-top" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="65" y="96"/> + <rect style="fill:#45475A" width="30" height="1" x="65" y="97"/> + </g> + <g id="progress-normal-bottomleft" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="63" y="128"/> + <path style="fill:#45475A" d="m 65,129 c -0.49726,0 -1,-0.51007 -1,-1 h 1 z"/> + </g> + <g id="progress-normal-bottomright" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="2" height="2" x="95" y="128"/> + <path style="fill:#45475A" d="m 95,129 c 0.49726,0 1,-0.51007 1,-1 h -1 z"/> + </g> + <g id="progress-normal-bottom" transform="translate(313,-85.000244)"> + <rect style="opacity:0.00100002" width="30" height="2" x="65" y="128"/> + <rect style="fill:#45475A" width="30" height="1" x="65" y="-129" transform="scale(1,-1)"/> + </g> + <g id="itemview-focused-left" transform="matrix(0.44036689,0,0,-1.999996,448.85999,2181.7643)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="2" height="21" x="-721.81" y="789.58"/> + </g> + <g id="itemview-focused-bottom" transform="matrix(0.84070043,0,0,-1.1999995,737.02299,1538.1001)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="55" height="2" x="-719.81" y="777.58"/> + </g> + <rect id="itemview-focused-top" style="opacity:0.2;fill:#CBA6F7" width="46.239" height="3.6" x="131.88" y="-560.6" transform="scale(1,-1)"/> + <g id="itemview-focused-right" transform="matrix(0.44036689,0,0,-1.999996,470.87829,2181.7643)"> + <rect style="opacity:0.25;fill:#CBA6F7" width="2" height="21" x="-664.81" y="789.58"/> + </g> + <rect id="itemview-focused" style="opacity:0.25;fill:#CBA6F7" width="46.239" height="42" x="131.88" y="-602.6" transform="scale(1,-1)"/> + <path id="itemview-focused-topleft" style="opacity:0.25;fill:#CBA6F7" d="m 131.88074,556.99973 c -0.48641,0 -0.88073,1.0745 -0.88073,2.4 v 1.2 h 0.88073 v -1.2 z"/> + <path id="itemview-focused-bottomright" style="opacity:0.25;fill:#CBA6F7" d="m 179,602.59961 a 0.88073379,2.3999989 0 0 1 -0.88074,2.4 v -2.4 z"/> + <path id="itemview-focused-bottomleft" style="opacity:0.25;fill:#CBA6F7" d="m 131,602.59961 a 0.88073379,2.3999989 0 0 0 0.88074,2.4 v -2.4 z"/> + <path id="itemview-focused-topright" style="opacity:0.25;fill:#CBA6F7" d="m 178.11927,556.99973 c 0.48641,0 0.88073,1.0745 0.88073,2.4 v 1.2 h -0.88073 v -1.2 z"/> + <g id="slidercursor-normal" transform="matrix(1.2,0,0,1.2,606.8,-14.800244)"> + <rect style="opacity:0.00100002;fill-opacity:0.00392157" width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)"/> + <circle style="fill:#A6ADC8" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/> + <circle style="fill:#A6ADC8" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/> + </g> + <g id="dial-handle" transform="matrix(1.2,0,0,1.2,527.8,412.19976)"> + <rect style="opacity:0.00100002;fill-opacity:0.00392157" width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)"/> + <circle style="fill:#6C7086" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/> + <circle style="fill:#6C7086" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/> + </g> + <g id="tbutton-normal-topleft" style="opacity:0.00100002" transform="matrix(0.44036669,0,0,1.2307681,328.40992,-324.52585)"> + <path style="fill:#181825" transform="scale(-1)" d="m 723.0562,-779.58405 a 11.354174,4.0625038 0 0 1 -11.35417,4.06251 v -4.06251 z"/> + <path style="fill:#313244" transform="scale(-1)" d="m 719.64995,-779.58405 a 7.9479218,2.8437526 0 0 1 -7.94792,2.84376 v -2.84376 z"/> + </g> + <g id="tbutton-normal-bottomleft" style="opacity:0.00100002" transform="matrix(0.44036669,0,0,1.2307681,335.12006,-316.37576)"> + <path style="fill:#181825" transform="rotate(90)" d="m 811.99335,726.93976 a 4.0625038,11.354175 0 0 1 -4.0625,11.35417 v -11.35417 z"/> + <path style="fill:#313244" transform="rotate(90)" d="m 810.7746,726.93964 a 2.8437526,7.9479218 0 0 1 -2.84375,7.94792 v -7.94792 z"/> + </g> + <g id="tbutton-normal-left" style="opacity:0.00100002" transform="matrix(0.44036669,0,0,2.0512769,331.97913,-984.73254)"> + <rect style="fill:#181825" width="11.354" height="21" x="-731.16" y="789.6"/> + <rect style="fill:#313244" width="7.948" height="21" x="-727.75" y="789.6"/> + </g> + <g id="tbutton-normal-top" style="opacity:0.00100002" transform="matrix(0.84070004,0,0,1.2307681,620.14199,-324.56424)"> + <rect style="fill:#181825" width="55" height="4.063" x="-719.81" y="775.52"/> + <rect style="fill:#313244" width="55" height="2.844" x="-719.81" y="776.74"/> + </g> + <g id="tbutton-normal-bottom" style="opacity:0.00100002" transform="matrix(0.84070004,0,0,1.2307681,620.14199,-319.64118)"> + <rect style="fill:#181825" width="55" height="4.063" x="-719.81" y="810.58"/> + <rect style="fill:#313244" width="55" height="2.844" x="-719.81" y="810.58"/> + </g> + <g id="tbutton-normal-topright" transform="translate(0,-0.0289917)"> + <path style="opacity:0.00100002;fill:#181825" d="m 66.238478,634.95195 a 5,5 0 0 0 -5,-5 v 5 z"/> + <path style="opacity:0.00100002;fill:#313244" d="m 64.738478,634.95195 a 3.5000001,3.5 0 0 0 -3.5,-3.5 v 3.5 z"/> + </g> + <g id="tbutton-normal-bottomright" style="opacity:0.00100002" transform="matrix(0.44036669,0,0,1.273756,353.99745,-354.48643)"> + <path style="fill:#181825" d="m -653.45302,810.58392 a 11.354174,3.9253986 0 0 1 -11.35417,3.9254 v -3.9254 z"/> + <path style="fill:#313244" d="m -656.85921,810.58392 a 7.9479218,2.7477789 0 0 1 -7.94792,2.74778 v -2.74778 z"/> + </g> + <g id="tbutton-normal-right" style="opacity:0.00100002" transform="matrix(0.30924086,0,0,2.0512769,267.3238,-984.73254)"> + <rect style="fill:#181825" width="16.169" height="21" x="-666.42" y="789.58"/> + <rect style="fill:#313244" width="11.318" height="21" x="-666.42" y="789.58"/> + </g> + <rect id="tbutton-normal" style="opacity:0.00100002;fill:#313244" width="46.239" height="43.077" x="15" y="634.92"/> + <g id="tbutton-toggled-topleft" transform="matrix(0.44036669,0,0,1.2307681,555.40993,-324.52584)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.81250075,-1261.2442,263.65393)" d="m 242,629.99023 a 5,5.0000001 0 0 0 -5,5 h 1.5 3.5 v -3.5 z"/> + </g> + <g id="tbutton-toggled-bottomleft" transform="matrix(0.44036669,0,0,1.2307681,562.12006,-316.37576)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.81250075,-1276.4818,257.03199)" d="m 237,678.0293 a 5.0000005,5.0000001 0 0 0 5,5 v -1.46289 -3.5 -0.0371 z"/> + </g> + <g id="tbutton-toggled-left" transform="matrix(0.44036669,0,0,2.0512769,558.97914,-984.73264)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.48750122,-1269.3493,480.04423)" d="m 237,634.98438 v 43.07617 h 1.5 v 0.01 h 3.5 v -0.01 -43.06836 -0.008 z"/> + </g> + <g id="tbutton-toggled-top" transform="matrix(0.84070003,0,0,1.2307681,847.14198,-324.56423)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(1.1894849,0,0,0.81250075,-1007.6626,263.68512)" d="m 241.99805,629.94922 v 1.50195 3.5 h 46.23828 v -3.5 -1.50195 z"/> + </g> + <g id="tbutton-toggled-bottom" transform="matrix(0.84070003,0,0,1.2307681,847.14198,-319.64117)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(1.1894849,0,0,0.81250075,-1007.6626,259.68513)" d="m 241.99805,678.02344 v 3.5 1.50195 h 46.23828 v -1.50195 -3.5 z"/> + </g> + <g id="tbutton-toggled-topright" transform="matrix(2.3414816,0,0,5,1844.8721,-3262.9974)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(0.42708002,0,0,0.2,-787.90801,652.59368)" d="m 288.23828,629.95117 v 1.5 3.5 h 3.5 1.5 a 5,5 0 0 0 -5,-5 z"/> + </g> + <g id="tbutton-toggled-bottomright" transform="matrix(0.44036669,0,0,1.273756,580.99744,-354.48642)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.78507972,-1319.3492,278.27734)" d="m 288.23828,678.0293 v 3.5 1.5 a 5,5 0 0 0 5,-5 h -1.5 z"/> + </g> + <g id="tbutton-toggled-right" transform="matrix(0.30924086,0,0,2.0512769,494.3238,-984.73264)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(3.2337253,0,0,0.48750122,-1598.5074,480.04423)" d="m 288.24023,634.94336 v 0.0117 h -0.002 v 43.07617 h 3.5 v -0.0117 h 1.50195 v -43.07617 z"/> + </g> + <rect id="tbutton-toggled" style="opacity:0.3;fill:#CBA6F7" width="46.238" height="43.077" x="242" y="634.92"/> + <rect id="tbutton-focused" style="fill:#45475A" width="46.239" height="43.077" x="95" y="634.92"/> + <rect id="tbutton-pressed" style="opacity:0.3;fill:#CBA6F7" width="46.239" height="43.077" x="168" y="634.92"/> + <g id="tbutton-focused-top" transform="matrix(0.84070004,0,0,1.2307681,700.14203,-324.56417)"> + <rect style="opacity:0.3" width="55" height="4.063" x="-719.81" y="775.52"/> + <rect style="fill:#45475A" width="55" height="2.844" x="-719.81" y="776.74"/> + </g> + <g id="tbutton-focused-topright" transform="translate(0,-0.0289917)"> + <path style="opacity:0.3" d="m 146.23858,634.95205 a 5,5 0 0 0 -5,-5 v 5 z"/> + <path style="fill:#45475A" d="m 144.73858,634.95205 a 3.5000001,3.5 0 0 0 -3.5,-3.5 v 3.5 z"/> + </g> + <g id="tbutton-focused-topleft" transform="matrix(0.44036669,0,0,1.2307681,408.40995,-324.56424)"> + <path style="opacity:0.3" transform="scale(-1)" d="m 723.0562,-779.58405 a 11.354174,4.0625038 0 0 1 -11.35417,4.06251 v -4.06251 z"/> + <path style="fill:#45475A" transform="scale(-1)" d="m 719.64995,-779.58405 a 7.9479218,2.8437526 0 0 1 -7.94792,2.84376 v -2.84376 z"/> + </g> + <g id="tbutton-focused-left" transform="matrix(0.44036669,0,0,2.0512769,411.97915,-984.77094)"> + <rect style="opacity:0.3" width="11.354" height="21" x="-731.16" y="789.6"/> + <rect style="fill:#45475A" width="7.948" height="21" x="-727.75" y="789.6"/> + </g> + <g id="tbutton-focused-bottomleft" transform="matrix(0.44036669,0,0,1.2307681,415.12006,-316.37576)"> + <path style="opacity:0.3" transform="rotate(90)" d="m 811.99335,726.93976 a 4.0625038,11.354175 0 0 1 -4.0625,11.35417 v -11.35417 z"/> + <path style="fill:#45475A" transform="rotate(90)" d="m 810.7746,726.93964 a 2.8437526,7.9479218 0 0 1 -2.84375,7.94792 v -7.94792 z"/> + </g> + <g id="tbutton-focused-bottom" transform="matrix(0.84070004,0,0,1.2307681,700.14203,-319.64116)"> + <rect style="opacity:0.3" width="55" height="4.063" x="-719.81" y="810.58"/> + <rect style="fill:#45475A" width="55" height="2.844" x="-719.81" y="810.58"/> + </g> + <g id="tbutton-focused-bottomright" transform="matrix(0.44036669,0,0,1.273756,433.9975,-354.48639)"> + <path style="opacity:0.3" d="m -653.45302,810.58392 a 11.354174,3.9253986 0 0 1 -11.35417,3.9254 v -3.9254 z"/> + <path style="fill:#45475A" d="m -656.85921,810.58392 a 7.9479218,2.7477789 0 0 1 -7.94792,2.74778 v -2.74778 z"/> + </g> + <g id="tbutton-focused-right" transform="matrix(0.30924086,0,0,2.0512769,347.32386,-984.73244)"> + <rect style="opacity:0.3" width="16.169" height="21" x="-666.42" y="789.58"/> + <rect style="fill:#45475A" width="11.318" height="21" x="-666.42" y="789.58"/> + </g> + <g id="tbutton-pressed-topleft" transform="matrix(0.44036669,0,0,1.2307681,481.40997,-324.52587)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.81250075,-1093.2025,263.65396)" d="m 168,629.99023 a 5,5.0000001 0 0 0 -5,5 h 1.5 3.5 v -3.5 z"/> + </g> + <g id="tbutton-pressed-top" transform="matrix(0.84070004,0,0,1.2307681,773.14197,-324.56417)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(1.1894849,0,0,0.81250075,-919.6407,263.68508)" d="m 167.99805,629.94922 v 1.50195 3.5 h 46.23828 v -3.5 -1.50195 z"/> + </g> + <g id="tbutton-pressed-topright" transform="matrix(2.3414816,0,0,5,1770.872,-3262.9973)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(0.42708002,0,0,0.2,-756.30404,652.59366)" d="m 214.23828,629.95117 v 1.5 3.5 h 3.5 1.5 a 5,5 0 0 0 -5,-5 z"/> + </g> + <g id="tbutton-pressed-left" transform="matrix(0.44036669,0,0,2.0512769,484.97914,-984.77104)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.48750122,-1101.3075,480.06295)" d="m 163,634.94531 v 43.07813 H 164.50195 168 168.002 V 634.94531 H 168 164.50195 Z"/> + </g> + <g id="tbutton-pressed-right" transform="matrix(0.30924086,0,0,2.0512769,420.32385,-984.73244)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(3.2337253,0,0,0.48750122,-1359.2119,480.04414)" d="m 214.24023,634.94336 v 43.07812 h 3.5 1.5 v -43.07812 h -1.5 z"/> + </g> + <g id="tbutton-pressed-bottomright" transform="matrix(0.44036669,0,0,1.273756,506.99751,-354.48638)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.78507972,-1151.3076,278.27731)" d="m 214.23828,678.0293 v 3.5 1.5 a 5,5 0 0 0 5,-5 h -1.5 z"/> + </g> + <g id="tbutton-pressed-bottom" transform="matrix(0.84070004,0,0,1.2307681,773.14207,-319.64117)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(1.1894849,0,0,0.81250075,-919.64082,259.68513)" d="m 167.99805,678.02344 v 3.5 1.50195 h 46.23828 v -1.50195 -3.5 z"/> + </g> + <g id="tbutton-pressed-bottomleft" transform="matrix(0.44036669,0,0,1.2307681,488.12006,-316.37577)"> + <path style="opacity:0.3;fill:#CBA6F7" transform="matrix(2.2708348,0,0,0.81250075,-1108.44,257.03199)" d="m 163,678.0293 a 5.0000005,5.0000001 0 0 0 5,5 v -1.5 -3.5 h -3.5 z"/> + </g> + <g id="common-normal-top" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" transform="scale(1,-1)" d="m 610.00043,-369.02874 h 40 v 1.00005 h -40 z"/> + </g> + <rect id="common-normal" style="opacity:0.00100002" width="40" height="40" x="659" y="-410" transform="scale(1,-1)"/> + <g id="common-normal-topleft" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" d="m 609,368.0314 c -1.10167,0 -0.99736,-0.10427 -0.99736,0.99736 H 609 Z"/> + </g> + <g id="common-normal-topright" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" d="m 650.99998,368.03139 c 1.10161,0 0.99736,-0.10427 0.99736,0.99736 h -0.99736 z"/> + </g> + <g id="common-normal-left" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" transform="matrix(0,-1,-1,0,0,0)" d="m -410.02869,-608.99998 h 40 V -608 h -40 z"/> + </g> + <g id="common-normal-right" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" transform="matrix(0,1,1,0,0,0)" d="m 370.02878,651.00002 h 40 v 1.00004 h -40 z"/> + </g> + <g id="common-normal-bottom" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" d="m 610.00043,411.02889 h 40 v 0.99986 h -40 z"/> + </g> + <g id="common-normal-bottomleft" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" d="m 609,412.02609 c -1.10167,0 -0.99736,0.10447 -0.99736,-0.99735 H 609 Z"/> + </g> + <g id="common-normal-bottomright" transform="translate(49,-0.0289917)"> + <path style="fill:#313244" d="m 650.99998,412.02609 c 1.10161,0 0.99736,0.10447 0.99736,-0.99735 h -0.99736 z"/> + </g> + <g id="group-normal-top" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" transform="scale(1,-1)" d="m 610.00043,-369.02874 h 40 v 1.00005 h -40 z"/> + </g> + <rect id="group-normal" style="opacity:0.00100002" width="40" height="40" x="708" y="-410" transform="scale(1,-1)"/> + <g id="group-normal-topleft" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" d="m 609,368.0314 c -1.10167,0 -0.99736,-0.10427 -0.99736,0.99736 H 609 Z"/> + </g> + <g id="group-normal-topright" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" d="m 650.99998,368.03139 c 1.10161,0 0.99736,-0.10427 0.99736,0.99736 h -0.99736 z"/> + </g> + <g id="group-normal-left" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" transform="matrix(0,-1,-1,0,0,0)" d="m -410.02869,-608.99998 h 40 V -608 h -40 z"/> + </g> + <g id="group-normal-right" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" transform="matrix(0,1,1,0,0,0)" d="m 370.02878,651.00002 h 40 v 1.00004 h -40 z"/> + </g> + <g id="group-normal-bottom" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" d="m 610.00043,411.02889 h 40 v 0.99986 h -40 z"/> + </g> + <g id="group-normal-bottomleft" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" d="m 609,412.02609 c -1.10167,0 -0.99736,0.10447 -0.99736,-0.99735 H 609 Z"/> + </g> + <g id="group-normal-bottomright" transform="translate(98,-0.0289917)"> + <path style="fill:#313244" d="m 650.99998,412.02609 c 1.10161,0 0.99736,0.10447 0.99736,-0.99735 h -0.99736 z"/> + </g> + <g id="header-focused-top" transform="translate(-186,142.97101)"> + <path style="opacity:0.3" transform="scale(1,-1)" d="m 610.00043,-369.02874 h 40 v 1.00005 h -40 z"/> + </g> + <rect id="header-focused" style="fill:#181825" width="40" height="40" x="424" y="-553" transform="scale(1,-1)"/> + <g id="header-focused-topleft" transform="translate(-186,142.97101)"> + <path style="opacity:0.3" d="m 609,368.0314 c -1.10167,0 -0.99736,-0.10427 -0.99736,0.99736 H 609 Z"/> + </g> + <g id="header-focused-topright" transform="translate(-186,142.97101)"> + <path style="opacity:0.3" d="m 650.99998,368.03139 c 1.10161,0 0.99736,-0.10427 0.99736,0.99736 h -0.99736 z"/> + </g> + <g id="header-focused-left" transform="translate(-186,142.97101)"> + <path style="opacity:0.00100002" transform="matrix(0,-1,-1,0,0,0)" d="m -410.02869,-608.99998 h 40 V -608 h -40 z"/> + </g> + <g id="header-focused-right" transform="translate(-186,142.97101)"> + <path style="opacity:0.00100002" transform="matrix(0,1,1,0,0,0)" d="m 370.02878,651.00002 h 40 v 1.00004 h -40 z"/> + </g> + <g id="header-focused-bottom" transform="translate(-186,142.97101)"> + <path style="opacity:0.3" d="m 610.00043,411.02889 h 40 v 0.99986 h -40 z"/> + </g> + <g id="header-focused-bottomleft" transform="translate(-186,142.97101)"> + <path style="opacity:0.3" d="m 609,412.02609 c -1.10167,0 -0.99736,0.10447 -0.99736,-0.99735 H 609 Z"/> + </g> + <g id="header-focused-bottomright" transform="translate(-186,142.97101)"> + <path style="opacity:0.3" d="m 650.99998,412.02609 c 1.10161,0 0.99736,0.10447 0.99736,-0.99735 h -0.99736 z"/> + </g> + <g id="header-normal-top" transform="translate(-139,142.97101)"> + <path style="opacity:0.3" transform="scale(1,-1)" d="m 610.00043,-369.02874 h 40 v 1.00005 h -40 z"/> + </g> + <rect id="header-normal" style="fill:#181825" width="40" height="40" x="471" y="-553" transform="scale(1,-1)"/> + <g id="header-normal-topleft" transform="translate(-139,142.97101)"> + <path style="opacity:0.3" d="m 609,368.0314 c -1.10167,0 -0.99736,-0.10427 -0.99736,0.99736 H 609 Z"/> + </g> + <g id="header-normal-topright" transform="translate(-139,142.97101)"> + <path style="opacity:0.3" d="m 650.99998,368.03139 c 1.10161,0 0.99736,-0.10427 0.99736,0.99736 h -0.99736 z"/> + </g> + <g id="header-normal-left" transform="translate(-139,142.97101)"> + <path style="opacity:0.00100002" transform="matrix(0,-1,-1,0,0,0)" d="m -410.02869,-608.99998 h 40 V -608 h -40 z"/> + </g> + <g id="header-normal-right" transform="translate(-139,142.97101)"> + <path style="opacity:0.00100002" transform="matrix(0,1,1,0,0,0)" d="m 370.02878,651.00002 h 40 v 1.00004 h -40 z"/> + </g> + <g id="header-normal-bottom" transform="translate(-139,142.97101)"> + <path style="opacity:0.3" d="m 610.00043,411.02889 h 40 v 0.99986 h -40 z"/> + </g> + <g id="header-normal-bottomleft" transform="translate(-139,142.97101)"> + <path style="opacity:0.3" d="m 609,412.02609 c -1.10167,0 -0.99736,0.10447 -0.99736,-0.99735 H 609 Z"/> + </g> + <g id="header-normal-bottomright" transform="translate(-139,142.97101)"> + <path style="opacity:0.3" d="m 650.99998,412.02609 c 1.10161,0 0.99736,0.10447 0.99736,-0.99735 h -0.99736 z"/> + </g> + <rect id="progress-pattern-disabled" style="opacity:0.00100002;fill:#CBA6F7" width="20" height="20" x="455" y="23"/> + <g id="header-separator" transform="translate(-26,-19.028994)"> + <rect id="header-separator0" style="fill-opacity:0" width="2" height="36" x="608" y="533.03"/> + <path style="opacity:0.3" d="m 608,533.02875 h 0.98586 v 36 H 608 Z"/> + </g> + <g id="toolbar-handle" transform="matrix(2.4000001,0,0,1,-869.0001,-19.028994)"> + <rect style="fill-opacity:0" width="2" height="36" x="608" y="533.03"/> + <path style="opacity:0.3" d="M 607.91667,533.02875 H 607.5 v 36 h 0.41667 z"/> + </g> + <g id="tab-close-normal" transform="translate(438,-745.00024)"> + <rect style="opacity:0.00100002" width="10" height="10" x="269" y="953"/> + <g style="enable-background:new" transform="translate(266,950.00697)"> + <g transform="translate(-265,-121)"> + <path style="fill:#CDD6F4" d="m 270,125 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.293,2.293 -2.293,2.293 a 1,1 0 0 0 -0.29,0.7 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.293,-2.293 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30273 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.3,-2.3 2.2832,-2.2832 a 1,1 0 0 0 0.31,-0.72 1,1 0 0 0 -1,-1 1,1 0 0 0 -0.70703,0.29297 l -2.293,2.293 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.7,-0.29 z"/> + </g> + </g> + </g> + <g id="tab-close-focused" transform="translate(450,-745.00024)"> + <rect style="opacity:0.00100002" width="10" height="10" x="269" y="953"/> + <g style="enable-background:new" transform="translate(266,950.00697)"> + <g transform="translate(-265,-121)"> + <path style="fill:#F38BA8" d="m 270,125 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.293,2.293 -2.293,2.293 a 1,1 0 0 0 -0.29,0.7 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.293,-2.293 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30273 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.3,-2.3 2.2832,-2.2832 a 1,1 0 0 0 0.31,-0.72 1,1 0 0 0 -1,-1 1,1 0 0 0 -0.70703,0.29297 l -2.293,2.293 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.7,-0.29 z"/> + </g> + </g> + </g> + <g id="tab-close-pressed" transform="translate(462,-745.00024)"> + <rect style="opacity:0.00100002" width="10" height="10" x="269" y="953"/> + <g style="enable-background:new" transform="translate(266,950.00697)"> + <g transform="translate(-265,-121)"> + <path style="fill:#CBA6F7" d="m 270,125 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.293,2.293 -2.293,2.293 a 1,1 0 0 0 -0.29,0.7 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.293,-2.293 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30273 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.3,-2.3 2.2832,-2.2832 a 1,1 0 0 0 0.31,-0.72 1,1 0 0 0 -1,-1 1,1 0 0 0 -0.70703,0.29297 l -2.293,2.293 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.7,-0.29 z"/> + </g> + </g> + </g> + <g id="tab-close-disabled" transform="translate(474,-745.00024)"> + <rect style="opacity:0.00100002" width="10" height="10" x="269" y="953"/> + <g style="enable-background:new" transform="translate(266,950.00697)"> + <g transform="translate(-265,-121)"> + <path style="opacity:0.00100002" d="m 270,125 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.293,2.293 -2.293,2.293 a 1,1 0 0 0 -0.29,0.7 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.293,-2.293 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30273 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.3,-2.3 2.2832,-2.2832 a 1,1 0 0 0 0.31,-0.72 1,1 0 0 0 -1,-1 1,1 0 0 0 -0.70703,0.29297 l -2.293,2.293 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.7,-0.29 z"/> + </g> + </g> + </g> + <g id="mdi-close-normal" transform="translate(0,-0.0289917)"> + <rect style="opacity:0.00100002" width="16" height="16" x="54" y="428.03"/> + <path style="fill:#CDD6F4" d="m 65.002415,432.02406 a 1,1 0 0 0 -0.70703,0.29297 l -2.29297,2.29297 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.70117,-0.28906 l -0.01,0.0137 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.29297,2.29297 -2.29297,2.29297 a 1,1 0 0 0 -0.28906,0.69922 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.29297,-2.29297 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30274 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.30078,-2.29883 2.2832,-2.2832 a 1,1 0 0 0 0.31055,-0.72071 1,1 0 0 0 -1,-1 z"/> + </g> + <g id="mdi-minimize-normal" transform="translate(0,-0.0289917)"> + <rect style="opacity:0.00100002" width="16" height="16" x="72" y="428.03"/> + <rect style="fill:#CDD6F4" width="8" height="2" x="76" y="435.03" rx="1" ry="1"/> + </g> + <g id="mdi-maximize-normal" transform="translate(0,-0.0289917)"> + <rect style="opacity:0.00100002" width="16" height="16" x="90" y="428.03"/> + <path style="fill:#CDD6F4" d="m 98,432.0293 c -0.554,0 -1,0.446 -1,1 v 2 h -2 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 2 v 2 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -2 h 2 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 h -2 v -2 c 0,-0.554 -0.446,-1 -1,-1 z"/> + </g> + <g id="mdi-restore-normal" transform="translate(0,-0.0289917)"> + <rect style="opacity:0.00100002" width="16" height="16" x="108" y="428.03"/> + <path style="fill:#CDD6F4" d="m 116,432.0293 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -4,-4 z m 0,2 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 z"/> + </g> + <g id="mdi-close-focused" transform="translate(0,16.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="54" y="428.03"/> + <path style="fill:#F38BA8" d="m 65.002415,432.02406 a 1,1 0 0 0 -0.70703,0.29297 l -2.29297,2.29297 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.70117,-0.28906 l -0.01,0.0137 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.29297,2.29297 -2.29297,2.29297 a 1,1 0 0 0 -0.28906,0.69922 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.29297,-2.29297 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30274 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.30078,-2.29883 2.2832,-2.2832 a 1,1 0 0 0 0.31055,-0.72071 1,1 0 0 0 -1,-1 z"/> + </g> + <g id="mdi-minimize-focused" transform="translate(0,16.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="72" y="428.03"/> + <rect style="fill:#F38BA8" width="8" height="2" x="76" y="435.03" rx="1" ry="1"/> + </g> + <g id="mdi-maximize-focused" transform="translate(0,16.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="90" y="428.03"/> + <path style="fill:#F38BA8" d="m 98,432.0293 c -0.554,0 -1,0.446 -1,1 v 2 h -2 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 2 v 2 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -2 h 2 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 h -2 v -2 c 0,-0.554 -0.446,-1 -1,-1 z"/> + </g> + <g id="mdi-restore-focused" transform="translate(0,16.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="108" y="428.03"/> + <path style="fill:#F38BA8" d="m 116,432.0293 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -4,-4 z m 0,2 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 z"/> + </g> + <g id="mdi-close-pressed" transform="translate(0,33.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="54" y="428.03"/> + <path style="fill:#CBA6F7" d="m 65.002415,432.02406 a 1,1 0 0 0 -0.70703,0.29297 l -2.29297,2.29297 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.70117,-0.28906 l -0.01,0.0137 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.29297,2.29297 -2.29297,2.29297 a 1,1 0 0 0 -0.28906,0.69922 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.29297,-2.29297 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30274 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.30078,-2.29883 2.2832,-2.2832 a 1,1 0 0 0 0.31055,-0.72071 1,1 0 0 0 -1,-1 z"/> + </g> + <g id="mdi-minimize-pressed" transform="translate(0,33.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="72" y="428.03"/> + <rect style="fill:#CBA6F7" width="8" height="2" x="76" y="435.03" rx="1" ry="1"/> + </g> + <g id="mdi-maximize-pressed" transform="translate(0,33.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="90" y="428.03"/> + <path style="fill:#CBA6F7" d="m 98,432.0293 c -0.554,0 -1,0.446 -1,1 v 2 h -2 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 2 v 2 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -2 h 2 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 h -2 v -2 c 0,-0.554 -0.446,-1 -1,-1 z"/> + </g> + <g id="mdi-restore-pressed" transform="translate(0,33.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="108" y="428.03"/> + <path style="fill:#CBA6F7" d="m 116,432.0293 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -4,-4 z m 0,2 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 z"/> + </g> + <g id="mdi-close-disabled" transform="translate(0,50.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="54" y="428.03"/> + <path style="opacity:0.3;fill:#CDD6F4" d="m 65.002415,432.02406 a 1,1 0 0 0 -0.70703,0.29297 l -2.29297,2.29297 -2.2832,-2.2832 a 1,1 0 0 0 -0.01,-0.01 1,1 0 0 0 -0.70117,-0.28906 l -0.01,0.0137 a 1,1 0 0 0 -1,1 1,1 0 0 0 0.29297,0.70703 l 2.29297,2.29297 -2.29297,2.29297 a 1,1 0 0 0 -0.28906,0.69922 1,1 0 0 0 1,1 1,1 0 0 0 0.70703,-0.29297 l 2.29297,-2.29297 2.2832,2.2832 a 1,1 0 0 0 0.7168,0.30274 1,1 0 0 0 1,-1 1,1 0 0 0 -0.29297,-0.70703 l -2.30078,-2.29883 2.2832,-2.2832 a 1,1 0 0 0 0.31055,-0.72071 1,1 0 0 0 -1,-1 z"/> + </g> + <g id="mdi-minimize-disabled" transform="translate(0,50.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="72" y="428.03"/> + <rect style="opacity:0.3;fill:#CDD6F4" width="8" height="2" x="76" y="435.03" rx="1" ry="1"/> + </g> + <g id="mdi-maximize-disabled" transform="translate(0,50.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="90" y="428.03"/> + <path style="opacity:0.3;fill:#CDD6F4" d="m 98,432.0293 c -0.554,0 -1,0.446 -1,1 v 2 h -2 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 2 v 2 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -2 h 2 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 h -2 v -2 c 0,-0.554 -0.446,-1 -1,-1 z"/> + </g> + <g id="mdi-restore-disabled" transform="translate(0,50.971008)"> + <rect style="opacity:0.00100002" width="16" height="16" x="108" y="428.03"/> + <path style="opacity:0.3;fill:#CDD6F4" d="m 116,432.0293 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -4,-4 z m 0,2 a 2,2 0 0 1 2,2 2,2 0 0 1 -2,2 2,2 0 0 1 -2,-2 2,2 0 0 1 2,-2 z"/> + </g> + <g id="mdi-menu-normal" transform="translate(0,-0.0289917)"> + <rect style="opacity:0.00100002" width="16" height="16" x="135" y="428.03"/> + <path style="fill:#CDD6F4" d="m 140,432.0293 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 6 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z m 0,3 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 6 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z m 0,3 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 h 6 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z"/> + </g> + <g id="focus-top" transform="translate(215.99999,-20.500249)"> + <path id="focus-top0" style="fill-opacity:0" d="m 90,109.5 h 20 v -2 H 90 Z"/> + <g> + <path style="opacity:0.7;fill:#CDD6F4" d="m 90,109.5 h 2.5 v -2 H 90 Z"/> + <path style="opacity:0.7;fill:#CDD6F4" d="m 95,109.5 h 2.5 v -2 H 95 Z"/> + <path style="opacity:0.7;fill:#CDD6F4" d="m 99.75,109.5 h 2.5 v -2 h -2.5 z"/> + <path style="opacity:0.7;fill:#CDD6F4" d="m 105,109.5 h 2.5 v -2 H 105 Z"/> + </g> + </g> + <use id="focus-right" width="100%" height="100%" x="0" y="0" transform="rotate(90,316.00001,98.999761)" xlink:href="#focus-top"/> + <use id="focus-bottom" width="100%" height="100%" x="0" y="0" transform="rotate(180,316.00001,98.999751)" xlink:href="#focus-top"/> + <use id="focus-left" width="100%" height="100%" x="0" y="0" transform="rotate(-90,316,98.999741)" xlink:href="#focus-top"/> + <g id="toolbar-normal-bottomleft" transform="matrix(4.999997,0,0,1,-55.999946,-0.0289917)"> + <path style="fill:#181825" d="m 12.999997,131.02899 4e-6,4.99996 0.999996,2e-5 v -2.49999 -2.49999 h -0.501109 z"/> + <path style="opacity:0.3" d="m 12.999997,135.02899 4e-6,0.99998 0.999996,1e-5 v -0.5 -0.49999 h -0.501109 z"/> + </g> + <g id="toolbar-normal-bottom" transform="translate(0,-0.0289917)"> + <path style="fill:#181825" d="m 13.999999,131.02895 v 2.49998 2.49998 h 45.999999 v -2.49998 -2.49998 z"/> + <path style="opacity:0.3" d="m 13.999999,135.02898 v 0.49999 0.5 h 45.999999 v -0.5 -0.49999 z"/> + </g> + <g id="toolbar-normal-bottomright" transform="matrix(5.000004,0,0,1,-240.00022,-0.0289917)"> + <path style="fill:#181825" d="m 59.999996,131.02901 v 2.49999 2.49998 c 0.26796,0 1.000004,0 1.000004,0 0,0 -4e-6,-3.57838 -4e-6,-4.99997 h -0.5 z"/> + <path style="opacity:0.3" d="m 59.999996,135.02899 v 0.5 0.49999 c 0.26796,0 1.000004,0 1.000004,0 0,0 -4e-6,-0.71567 -4e-6,-0.99999 h -0.5 z"/> + </g> + <g id="toolbar-normal-topleft" transform="rotate(90,37.014489,108.01449)"> + <path style="fill:#181825" d="m 12.999997,131.02899 4e-6,4.99996 0.999996,2e-5 v -2.49999 -2.49999 h -0.501109 z"/> + </g> + <g id="toolbar-normal-left" transform="rotate(90,37.014489,108.01449)"> + <path style="fill:#181825" d="m 13.999999,131.02895 v 2.49998 2.49998 h 45.999999 v -2.49998 -2.49998 z"/> + </g> + <g id="toolbar-normal-topright" transform="matrix(0,1,1,0,-71.02899,71.000003)"> + <path style="fill:#181825" d="m 12.999997,131.02899 4e-6,4.99996 0.999996,2e-5 v -2.49999 -2.49999 h -0.501109 z"/> + </g> + <g id="toolbar-normal-right" transform="matrix(0,1,1,0,-71.02899,71.000003)"> + <path style="fill:#181825" d="m 13.999999,131.02895 v 2.49998 2.49998 h 45.999999 v -2.49998 -2.49998 z"/> + </g> + <g id="window-normal-top" transform="matrix(0.83636363,0,0,0.5,1369.0229,-135.79001)"> + <path style="fill:#1E1E2E" transform="matrix(1.25,0,0,2,-738.56,609.52204)" d="m 15,84.029297 v 0.5 0.5 h 44 v -0.5 -0.5 z"/> + </g> + <rect id="window-normal" style="fill:#1E1E2E" width="46" height="46" x="767" y="254"/> + <g id="window-normal-bottomleft" transform="matrix(4.999997,0,0,1,697.00006,168.97102)"> + <path style="fill:#1E1E2E" d="m 12.999997,131.02899 4e-6,4.99996 0.999996,2e-5 v -2.49999 -2.49999 h -0.501109 z"/> + <path style="fill:#313244" d="m 12.999997,135.02899 4e-6,0.99998 0.999996,1e-5 v -0.5 -0.49999 h -0.501109 z"/> + <path style="fill:#313244" d="m 13.199993,131.02897 -0.199996,2e-5 -2e-6,4 h 0.1 0.1 v -1.50557 z"/> + </g> + <g id="window-normal-bottom" transform="translate(753.00001,168.97102)"> + <path style="fill:#1E1E2E" d="m 13.999999,131.02895 v 2.49998 2.49998 h 45.999999 v -2.49998 -2.49998 z"/> + <path style="fill:#313244" d="m 13.999999,135.02898 v 0.49999 0.5 h 45.999999 v -0.5 -0.49999 z"/> + </g> + <g id="window-normal-bottomright" transform="matrix(5.000004,0,0,1,512.99979,168.97102)"> + <path style="fill:#1E1E2E" d="m 59.999996,131.02901 v 2.49999 2.49998 c 0.26796,0 1.000004,0 1.000004,0 0,0 -4e-6,-3.57838 -4e-6,-4.99997 h -0.5 z"/> + <path style="fill:#313244" d="m 59.999996,135.02899 v 0.5 0.49999 c 0.26796,0 1.000004,0 1.000004,0 0,0 -4e-6,-0.71567 -4e-6,-0.99999 h -0.5 z"/> + <path style="fill:#313244" d="m 60.999995,131.02899 h -0.1 -0.1 v 4.00001 l 0.199998,-2e-5 v -1.49999 z"/> + </g> + <g id="window-normal-topleft" transform="rotate(90,329.0145,569.01449)"> + <path style="fill:#1E1E2E" d="m 12.999997,131.02899 4e-6,4.99996 0.999996,2e-5 v -2.49999 -2.49999 h -0.501109 z"/> + <path style="fill:#313244" d="m 12.999997,135.02899 4e-6,0.99998 0.999996,1e-5 v -0.5 -0.49999 h -0.501109 z"/> + </g> + <g id="window-normal-left" transform="rotate(90,329.0145,569.01449)"> + <path style="fill:#1E1E2E" d="m 13.999999,131.02895 v 2.49998 2.49998 h 45.999999 v -2.49998 -2.49998 z"/> + <path style="fill:#313244" d="m 13.999999,135.02898 v 0.49999 0.5 h 45.999999 v -0.5 -0.49999 z"/> + </g> + <g id="window-normal-topright" transform="matrix(0,1,1,0,681.97102,240.00001)"> + <path style="fill:#1E1E2E" d="m 12.999997,131.02899 4e-6,4.99996 0.999996,2e-5 v -2.49999 -2.49999 h -0.501109 z"/> + <path style="fill:#313244" d="m 12.999997,135.02899 4e-6,0.99998 0.999996,1e-5 v -0.5 -0.49999 h -0.501109 z"/> + </g> + <g id="window-normal-right" transform="matrix(0,1,1,0,681.97102,240.00001)"> + <path style="fill:#1E1E2E" d="m 13.999999,131.02895 v 2.49998 2.49998 h 45.999999 v -2.49998 -2.49998 z"/> + <path style="fill:#313244" d="m 13.999999,135.02898 v 0.49999 0.5 h 45.999999 v -0.5 -0.49999 z"/> + </g> + <rect id="menubaritem-focused" style="opacity:0.1;fill:#CDD6F4" width="30" height="10" x="722.48" y="155.14"/> + <rect id="menubaritem-normal" style="opacity:0.00100002" width="30" height="10" x="680.28" y="155.14"/> + <rect id="menubaritem-toggled" style="opacity:0.1;fill:#CDD6F4" width="30" height="10" x="765.88" y="155.14"/> + <rect id="menubaritem-pressed" style="opacity:0.1;fill:#CDD6F4" width="30" height="10" x="803.48" y="155.14"/> + <g id="button-default-indicator" transform="translate(-363.9397,-69.953611)"> + <rect style="opacity:0;fill:#313244" width="25" height="25" x="375" y="87.5"/> + <path style="opacity:0.00100002" d="m 396.25,86.25 -17.5,17.5 h 17.5 z"/> + </g> + <g id="tooltip-normal" transform="matrix(1.4375,0,0,1.34375,568.62497,-2636.5162)"> + <path style="opacity:0.95;fill:#313244" d="m 138,2225.5 h 32 v 32 h -32 z"/> + </g> + <g id="tooltip-normal-topleft" transform="matrix(0.44036669,0,0,1.2307681,1080.4099,-605.48774)"> + <path style="opacity:0.95;fill:#313244" transform="scale(-1)" d="m 721.4667,-779.58405 c 1e-5,1.79493 -4.74801,3.49153 -9.76461,3.49153 v -3.49153 z"/> + <path style="fill:#181825" transform="matrix(2.2708348,0,0,0.81250075,-2453.4324,491.93543)" d="m 767,349.0293 a 4.9999999,5.0000001 0 0 0 -5,5 h 1 a 3.9999998,4.0000001 0 0 1 4,-4 z"/> + </g> + <g id="tooltip-normal-top" transform="matrix(0.83636364,0,0,1.2307681,1369.0206,-605.48767)"> + <path style="opacity:0.95;fill:#313244" d="m -719.81,776.0884 h 55 v 3.49162 h -55 z"/> + <path style="fill:#181825" transform="matrix(1.1956522,0,0,0.81250075,-1636.8724,491.93537)" d="m 767,349.0293 v 1 h 46 v -1 z"/> + </g> + <g id="tooltip-normal-left" transform="matrix(0.44036669,0,0,2.0476103,1083.9791,-1262.7992)"> + <path style="opacity:0.95;fill:#313244" d="m -729.57176,789.59998 h 9.76475 v 21 h -9.76475 z"/> + <path style="fill:#181825" transform="matrix(2.2708348,0,0,0.48837418,-2461.5375,616.70421)" d="m 762,354.0293 v 43 h 1 v -43 z"/> + </g> + <g id="tooltip-normal-topright" transform="matrix(-0.44036669,0,0,1.2307681,499.59011,-605.48774)"> + <path style="opacity:0.95;fill:#313244" transform="scale(-1)" d="m 721.4666,-779.58405 c 10e-6,1.79493 -4.74797,3.49153 -9.76457,3.49153 v -3.49153 z"/> + <path style="fill:#181825" transform="matrix(-2.2708348,0,0,0.81250075,1134.4867,491.93543)" d="m 813,349.0293 v 1 a 3.9999998,4.0000001 0 0 1 4,4 h 1 a 4.9999999,5.0000001 0 0 0 -5,-5 z"/> + </g> + <g id="tooltip-normal-right" transform="matrix(-0.44036669,0,0,2.0476103,496.02091,-1262.7992)"> + <path style="opacity:0.95;fill:#313244" d="m -729.57166,789.59998 h 9.76465 v 21 h -9.76465 z"/> + <path style="fill:#181825" transform="matrix(-2.2708348,0,0,0.48837418,1126.3816,616.70421)" d="m 817,354.0293 v 43 h 1 v -43 z"/> + </g> + <g id="tooltip-normal-bottomleft" transform="matrix(0.44036669,0,0,-1.2307681,1080.4099,1356.4866)"> + <path style="opacity:0.95;fill:#313244" transform="scale(-1)" d="m 721.4667,-779.58405 c 1e-5,1.79493 -4.74801,3.49398 -9.76461,3.49398 v -3.49398 z"/> + <path style="fill:#181825" transform="matrix(2.2708348,0,0,-0.81250075,-2453.4324,1102.1702)" d="m 762,397.0293 a 4.9999999,5.0000001 0 0 0 5,5 v -1 a 3.9999998,4.0000001 0 0 1 -4,-4 z"/> + </g> + <g id="tooltip-normal-bottom" transform="matrix(0.83636364,0,0,-1.2307681,1369.0206,1356.4865)"> + <path style="opacity:0.95;fill:#313244" d="m -719.81,776.08999 h 55 v 3.49003 h -55 z"/> + <path style="fill:#181825" transform="matrix(1.1956522,0,0,-0.81250075,-1636.8724,1102.1701)" d="m 767,401.0293 v 1 h 46 v -1 z"/> + </g> + <g id="tooltip-normal-bottomright" transform="matrix(-0.44036669,0,0,-1.2307681,499.59011,1356.4866)"> + <path style="opacity:0.95;fill:#313244" transform="scale(-1)" d="m 721.4666,-779.58382 c 10e-6,1.79493 -4.74797,3.49375 -9.76457,3.49375 v -3.49398 z"/> + <path style="fill:#181825" transform="matrix(-2.2708348,0,0,-0.81250075,1134.4867,1102.1702)" d="m 817,397.0293 a 3.9999998,4.0000001 0 0 1 -4,4 v 1 a 4.9999999,5.0000001 0 0 0 5,-5 z"/> + </g> + <g id="arrow-right-normal" transform="translate(-121.56175,-293.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-right-focused" transform="translate(-111.56175,-293.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-right-pressed" transform="translate(-101.56175,-293.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-right-toggled" transform="translate(-91.561747,-293.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-right-disabled" transform="translate(-81.561747,-293.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-left-normal" transform="rotate(180,129.21912,391.5173)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-left-focused" transform="rotate(180,134.21912,391.5173)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-left-pressed" transform="rotate(180,139.21912,391.5173)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-left-toggled" transform="rotate(180,144.21912,391.5173)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-left-disabled" transform="rotate(180,149.21912,391.5173)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-up-normal" transform="rotate(-90,-6.7635551,457.79819)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-up-focused" transform="rotate(-90,-1.7635541,452.79819)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-up-pressed" transform="rotate(-90,3.2364459,447.79819)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-up-toggled" transform="rotate(-90,8.2364459,442.79819)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-up-disabled" transform="rotate(-90,13.236446,437.79819)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-down-normal" transform="rotate(90,260.20181,341.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-down-focused" transform="rotate(90,265.20181,346.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-down-pressed" transform="rotate(90,270.20181,351.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-down-toggled" transform="rotate(90,275.20181,356.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-down-disabled" transform="rotate(90,280.20181,361.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="arrow-plus-normal" transform="translate(103.43825,-81.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="15" y="317"/> + <path style="fill:#CDD6F4" d="m 18,317 v 3 h -3 v 2 h 3 v 3 h 2 v -3 h 3 v -2 h -3 v -3 z"/> + </g> + <g id="arrow-minus-normal" transform="translate(93.438246,-70.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="25" y="317"/> + <rect style="fill:#CDD6F4" width="2" height="8" x="320" y="-33" transform="rotate(90)"/> + </g> + <g id="arrow-plus-focused" transform="translate(113.43825,-81.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="15" y="317"/> + <path style="fill:#CDD6F4" d="m 18,317 v 3 h -3 v 2 h 3 v 3 h 2 v -3 h 3 v -2 h -3 v -3 z"/> + </g> + <g id="arrow-minus-focused" transform="translate(103.43825,-70.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="25" y="317"/> + <rect style="fill:#CDD6F4" width="2" height="8" x="320" y="-33" transform="rotate(90)"/> + </g> + <g id="arrow-plus-pressed" transform="translate(123.43825,-81.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="15" y="317"/> + <path style="fill:#CDD6F4" d="m 18,317 v 3 h -3 v 2 h 3 v 3 h 2 v -3 h 3 v -2 h -3 v -3 z"/> + </g> + <g id="arrow-minus-pressed" transform="translate(113.43825,-70.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="25" y="317"/> + <rect style="fill:#CDD6F4" width="2" height="8" x="320" y="-33" transform="rotate(90)"/> + </g> + <g id="arrow-plus-toggled" transform="translate(133.43825,-81.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="15" y="317"/> + <path style="fill:#CDD6F4" d="m 18,317 v 3 h -3 v 2 h 3 v 3 h 2 v -3 h 3 v -2 h -3 v -3 z"/> + </g> + <g id="arrow-minus-toggled" transform="translate(123.43825,-70.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="25" y="317"/> + <rect style="fill:#CDD6F4" width="2" height="8" x="320" y="-33" transform="rotate(90)"/> + </g> + <g id="arrow-plus-disabled" transform="translate(143.43825,-81.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="15" y="317"/> + <path style="opacity:0.3;fill:#CDD6F4" d="m 18,317 v 3 h -3 v 2 h 3 v 3 h 2 v -3 h 3 v -2 h -3 v -3 z"/> + </g> + <g id="arrow-minus-disabled" transform="translate(133.43825,-70.965356)"> + <rect style="opacity:0.00100002" width="8" height="8" x="25" y="317"/> + <rect style="opacity:0.3;fill:#CDD6F4" width="2" height="8" x="320" y="-33" transform="rotate(90)"/> + </g> + <g id="tree-plus-normal" transform="translate(-67.561757,-271.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-plus-focused" transform="translate(-57.561757,-271.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-plus-pressed" transform="translate(-47.561757,-271.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-plus-toggled" transform="translate(-37.561757,-271.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-plus-disabled" transform="translate(-27.561752,-271.96536)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-minus-normal" transform="rotate(90,287.20181,368.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-minus-focused" transform="rotate(90,292.20181,373.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-minus-pressed" transform="rotate(90,297.20181,378.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-minus-toggled" transform="rotate(90,302.20181,383.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="tree-minus-disabled" transform="rotate(90,307.20181,388.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="flat-arrow-down-normal" transform="rotate(90,331.20181,379.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="flat-arrow-down-focused" transform="rotate(90,336.20181,384.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="flat-arrow-down-disabled" transform="rotate(90,346.20181,394.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="carrow-normal" transform="rotate(90,281.20178,374.23647)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="carrow-focused" transform="rotate(90,286.20178,379.23647)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="carrow-pressed" transform="rotate(90,291.20178,384.23647)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="carrow-toggled" transform="rotate(90,296.20178,389.23647)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="carrow-disabled" transform="rotate(90,301.20178,394.23647)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="flat-arrow-down-pressed" transform="rotate(90,341.20181,389.23644)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-right-normal" transform="translate(-68,-221)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-right-focused" transform="translate(-58,-221)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CBA6F7" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-right-pressed" transform="translate(-48,-221)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-right-toggled" transform="translate(-38,-221)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-right-disabled" transform="translate(-27.999996,-221)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-left-normal" transform="rotate(180,156.00001,427.99998)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-left-focused" transform="rotate(180,161.00001,427.99998)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CBA6F7" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-left-pressed" transform="rotate(180,166.00001,427.99998)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-left-toggled" transform="rotate(180,171.00001,427.99998)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-left-disabled" transform="rotate(180,176.00001,427.99998)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-up-normal" transform="rotate(-90,56.5,467.49999)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-up-focused" transform="rotate(-90,61.5,462.49999)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CBA6F7" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-up-pressed" transform="rotate(-90,66.5,457.49999)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-up-toggled" transform="rotate(-90,71.5,452.49999)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-up-disabled" transform="rotate(-90,76.5,447.49999)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-down-normal" transform="rotate(90,250.50001,404.50001)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-down-focused" transform="rotate(90,255.50001,409.50001)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CBA6F7" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-down-pressed" transform="rotate(90,260.50001,414.50001)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-down-toggled" transform="rotate(90,265.50001,419.50001)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="harrow-down-disabled" transform="rotate(90,270.50001,424.50001)"> + <rect style="opacity:0.00100002" width="8" height="8" x="186" y="529"/> + <path style="opacity:0.3;fill:#CDD6F4" transform="matrix(0.72168782,0,0,1,52.663678,0.42535408)" d="m 194.45572,532.57465 -3.46411,2 -3.4641,2 v -4 -4 l 3.4641,2 z"/> + </g> + <g id="checkbox-checked-normal" transform="translate(219.00002,157.63772)"> + <g id="checkbox-unchecked-5-59" transform="translate(19)"> + <g id="sdsd-7-54"> + <g id="scdsdcd-5-8" transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#CBA6F7;stroke:#000000;stroke-width:0;stroke-linejoin:round" width="14" height="14" x="18" y="31.36" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g id="checkbox-checked-dark-7-37" transform="translate(36,-1036)"> + <g transform="rotate(45,7.4999938,1026.3622)"> + <g transform="translate(12.374375,11.531233)"> + <g style="fill:#313244" transform="translate(-3,-4.9999826)"> + <rect style="fill:#1E1E2E" width="5" height="2" x="8" y="1033.36" rx=".667" ry=".667"/> + <rect style="fill:#1E1E2E" width="2" height="8" x="11" y="1027.36" ry="0"/> + </g> + <rect style="fill:#CDD6F4;fill-opacity:0" width="3" height="1" x="5" y="-8" transform="translate(0,1036.3622)"/> + </g> + </g> + </g> + </g> + <g id="checkbox-tristate-normal" transform="translate(284.00001,157.63781)"> + <g id="checkbox-unchecked-5-4-5" transform="translate(19)"> + <g id="sdsd-7-0-0"> + <g id="scdsdcd-5-2-0" transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#CBA6F7;stroke:#000000;stroke-width:0;stroke-linejoin:round" width="14" height="14" x="18" y="31.36" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g id="checkbox-checked-dark-7-9-3" transform="translate(36,-1036)"> + <g transform="rotate(45,7.4999938,1026.3622)"> + <g transform="translate(12.374375,11.531233)"> + <g style="fill:#313244" transform="translate(-3,-4.9999826)"> + <rect style="fill:#1E1E2E" width="2" height="8" x="-738.8" y="-725.96" ry="0" transform="rotate(-135)"/> + </g> + <rect style="fill:#CDD6F4;fill-opacity:0" width="3" height="1" x="5" y="-8" transform="translate(0,1036.3622)"/> + </g> + </g> + </g> + </g> + <g id="radio-checked-normal" transform="translate(-48,157.63781)"> + <g id="radio-unchecked-2-1" transform="translate(19.004264)"> + <g> + <g id="radio-unchecked2-0-8" transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <rect style="fill:#CBA6F7;stroke:#999999;stroke-width:0;stroke-linejoin:round" width="29.385" height="28.919" x="51.61" y="126.56" rx="14.692" ry="14.46"/> + </g> + </g> + </g> + </g> + </g> + </g> + <rect style="fill:#1E1E2E" width="4" height="4" x="122" y="6.36" rx="1.999" ry="2"/> + </g> + <g id="checkbox-normal" transform="translate(155,157.63782)"> + <g id="sdsd-0-1"> + <g id="scdsdcd-0-4" transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#1E1E2E;stroke:#CDD6F4;stroke-opacity:0.15;stroke-linejoin:round" width="13" height="13" x="18.5" y="31.86" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g id="radio-normal" transform="translate(-96.995736,158.63812)"> + <g> + <g id="radio-unchecked2-6-5" transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <rect style="fill:#1E1E2E;stroke:#CDD6F4;stroke-opacity:0.15;stroke-width:2.08222;stroke-linejoin:round" width="27.304" height="26.836" x="52.66" y="127.6" rx="13.224" ry="13.246"/> + </g> + </g> + </g> + </g> + </g> + </g> + <g id="checkbox-focused" transform="translate(171,157.63782)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#1E1E2E;stroke:#CDD6F4;stroke-opacity:0.2;stroke-linejoin:round" width="13" height="13" x="18.5" y="31.86" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g id="checkbox-checked-focused" transform="translate(235.00002,157.63772)"> + <g transform="translate(19)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#B998E3;stroke:#000000;stroke-width:0;stroke-linejoin:round" width="14" height="14" x="18" y="31.36" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g transform="translate(36,-1036)"> + <g transform="rotate(45,7.4999938,1026.3622)"> + <g transform="translate(12.374375,11.531233)"> + <g style="fill:#313244" transform="translate(-3,-4.9999826)"> + <rect style="fill:#1E1E2E" width="5" height="2" x="8" y="1033.36" rx=".667" ry=".667"/> + <rect style="fill:#1E1E2E" width="2" height="8" x="11" y="1027.36" ry="0"/> + </g> + <rect style="fill:#CDD6F4;fill-opacity:0" width="3" height="1" x="5" y="-8" transform="translate(0,1036.3622)"/> + </g> + </g> + </g> + </g> + <g id="checkbox-tristate-focused" transform="translate(299,157.63782)"> + <g transform="translate(19)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#B998E3;stroke:#000000;stroke-width:0;stroke-linejoin:round" width="14" height="14" x="18" y="31.36" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g transform="translate(36,-1036)"> + <g transform="rotate(45,7.4999938,1026.3622)"> + <g transform="translate(12.374375,11.531233)"> + <g style="fill:#313244" transform="translate(-3,-4.9999826)"> + <rect style="fill:#1E1E2E" width="2" height="8" x="-738.8" y="-725.96" ry="0" transform="rotate(-135)"/> + </g> + <rect style="fill:#CDD6F4;fill-opacity:0" width="3" height="1" x="5" y="-8" transform="translate(0,1036.3622)"/> + </g> + </g> + </g> + </g> + <g id="radio-focused" transform="translate(-80.995736,158.63812)"> + <g> + <g transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <rect style="fill:#1E1E2E;stroke:#CDD6F4;stroke-opacity:0.2;stroke-width:2.08222;stroke-linejoin:round" width="27.304" height="26.836" x="52.66" y="127.6" rx="13.224" ry="13.246"/> + </g> + </g> + </g> + </g> + </g> + </g> + <g id="radio-checked-focused" transform="translate(-32.000001,157.63781)"> + <g transform="translate(19.004264)"> + <g> + <g transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <rect style="fill:#B998E3;stroke:#999999;stroke-width:0;stroke-linejoin:round" width="29.385" height="28.919" x="51.61" y="126.56" rx="14.692" ry="14.46"/> + </g> + </g> + </g> + </g> + </g> + </g> + <rect style="fill:#1E1E2E" width="4" height="4" x="122" y="6.36" rx="1.999" ry="2"/> + </g> + <g id="menu-checkbox-checked-focused" transform="translate(219.00002,173.63771)"> + <g transform="translate(19)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#B998E3;stroke:#000000;stroke-width:0;stroke-linejoin:round" width="14" height="14" x="18" y="31.36" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g transform="translate(36,-1036)"> + <g transform="rotate(45,7.4999938,1026.3622)"> + <g transform="translate(12.374375,11.531233)"> + <g style="fill:#313244" transform="translate(-3,-4.9999826)"> + <rect style="fill:#1E1E2E" width="5" height="2" x="8" y="1033.36" rx=".667" ry=".667"/> + <rect style="fill:#1E1E2E" width="2" height="8" x="11" y="1027.36" ry="0"/> + </g> + <rect style="fill:#CDD6F4;fill-opacity:0" width="3" height="1" x="5" y="-8" transform="translate(0,1036.3622)"/> + </g> + </g> + </g> + </g> + <g id="menu-checkbox-tristate-focused" transform="translate(284.00001,173.6378)"> + <g transform="translate(19)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#B998E3;stroke:#000000;stroke-width:0;stroke-linejoin:round" width="14" height="14" x="18" y="31.36" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g transform="translate(36,-1036)"> + <g transform="rotate(45,7.4999938,1026.3622)"> + <g transform="translate(12.374375,11.531233)"> + <g style="fill:#313244" transform="translate(-3,-4.9999826)"> + <rect style="fill:#1E1E2E" width="2" height="8" x="-738.8" y="-725.96" ry="0" transform="rotate(-135)"/> + </g> + <rect style="fill:#CDD6F4;fill-opacity:0" width="3" height="1" x="5" y="-8" transform="translate(0,1036.3622)"/> + </g> + </g> + </g> + </g> + <g id="menu-radio-checked-focused" transform="translate(-48,173.6378)"> + <g transform="translate(19.004264)"> + <g> + <g transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <rect style="fill:#B998E3;stroke:#999999;stroke-width:0;stroke-linejoin:round" width="29.385" height="28.919" x="51.61" y="126.56" rx="14.692" ry="14.46"/> + </g> + </g> + </g> + </g> + </g> + </g> + <rect style="fill:#1E1E2E" width="4" height="4" x="122" y="6.36" rx="1.999" ry="2"/> + </g> + <g id="menu-checkbox-normal" transform="translate(155,173.63781)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <rect style="fill:#313244;stroke:#CDD6F4;stroke-opacity:0.15;stroke-linejoin:round" width="13" height="13" x="18.5" y="31.86" rx="2" ry="2"/> + </g> + </g> + </g> + </g> + <g id="menu-radio-normal" transform="translate(-96.995736,174.63811)"> + <g> + <g transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <rect style="fill:#313244;stroke:#CDD6F4;stroke-opacity:0.15;stroke-width:2.08222;stroke-linejoin:round" width="27.304" height="26.836" x="52.66" y="127.6" rx="13.224" ry="13.246"/> + </g> + </g> + </g> + </g> + </g> + </g> + <g id="menu-checkbox-focused" transform="translate(171,173.63781)"> + <g> + <g transform="translate(0,-30)"> + <rect style="fill:none" width="16" height="16" x="17" y="30.36"/> + <g> + <g> + <path style="fill:#1E1E2E;opacity:0.8" d="m 20.5,31.361328 c -1.37635,0 -2.5,1.12365 -2.5,2.5 v 9 c 0,1.37635 1.12365,2.5 2.5,2.5 h 9 c 1.37635,0 2.5,-1.12365 2.5,-2.5 v -9 c 0,-1.37635 -1.12365,-2.5 -2.5,-2.5 z m 0,1 h 9 c 0.839648,0 1.5,0.660352 1.5,1.5 v 9 c 0,0.839648 -0.660352,1.5 -1.5,1.5 h -9 c -0.839648,0 -1.5,-0.660352 -1.5,-1.5 v -9 c 0,-0.839648 0.660352,-1.5 1.5,-1.5 z"/> + </g> + </g> + </g> + </g> + </g> + <g id="menu-radio-focused" transform="translate(-80.995736,174.63811)"> + <g> + <g transform="matrix(0.93617253,0,0,0.93566004,-96.78315,-244.76084)"> + <rect style="fill:none" width="17.091" height="17.1" x="206.99" y="261.98"/> + <g> + <g transform="matrix(0.5089163,0,0,0.51739823,181.7932,197.56426)"> + <g> + <g> + <path style="fill:#1E1E2E;opacity:0.8" d="m 65.884766,126.5625 c -7.88589,0 -14.265625,6.3909 -14.265625,14.28711 v 0.34375 c 0,7.89621 6.379735,14.28711 14.265625,14.28711 h 0.855468 c 7.88589,0 14.265625,-6.3909 14.265625,-14.28711 v -0.34375 c 0,-7.89621 -6.379735,-14.28711 -14.265625,-14.28711 z m 0,2.08203 h 0.855468 c 6.766501,0 12.181641,5.42455 12.181641,12.20508 v 0.34375 c 0,6.78053 -5.41514,12.20508 -12.181641,12.20508 h -0.855468 c -6.766501,0 -12.183594,-5.42455 -12.183594,-12.20508 v -0.34375 c 0,-6.78053 5.417093,-12.20508 12.183594,-12.20508 z"/> + </g> + </g> + </g> + </g> + </g> + </g> + </g> + <rect id="menubar-normal" style="fill:#181825" width="20" height="20" x="795" y="202"/> + <rect id="menubar-normal-left" style="fill:#181825" width="20" height="5" x="202" y="-795" transform="rotate(90)"/> + <rect id="menubar-normal-topleft" style="fill:#181825" width="5" height="5" x="197" y="-795" transform="rotate(90)"/> + <rect id="menubar-normal-top" style="fill:#181825" width="20" height="5" x="795" y="197"/> + <rect id="menubar-normal-right" style="fill:#181825" width="20" height="5" x="202" y="-820" transform="rotate(90)"/> + <rect id="menubar-normal-topright" style="fill:#181825" width="5" height="5" x="197" y="-820" transform="rotate(90)"/> + <g id="menubar-normal-bottomleft" transform="translate(490,-394.99999)"> + <path style="fill:#181825" d="m 300,617 h 5 v 2.99999 h -5 z"/> + <g id="menubar-normal-bottomleft2" transform="matrix(0.25,0,0,1,223.75,0)"> + <path style="fill:#181825" d="m 305,621 h 20 v -1.00001 h -20 z"/> + </g> + </g> + <g id="menubar-normal-bottomright" transform="translate(490,-394.99999)"> + <path style="fill:#181825" d="m 325,617 h 5 v 2.99999 h -5 z"/> + <g id="menubar-normal-bottomright2" style="fill:#b6b6b6" transform="matrix(0.25,0,0,1,248.75,0)"> + <path style="fill:#181825" d="m 305,621 h 20 v -1.00001 h -20 z"/> + </g> + </g> + <g id="menubar-normal-bottom" transform="translate(490,-394.99999)"> + <path style="fill:#181825" d="m 305,617 h 20 v 2.99999 h -20 z"/> + <path style="fill:#181825" d="m 305,619.99999 h 20 V 621 h -20 z"/> + </g> + <path id="tabframe-normal" style="opacity:0.00100002;fill-rule:evenodd" d="m 563.50001,275.99988 v 32 h 32 v -32 z"/> + <g id="tabframe-normal-left" transform="matrix(0.8,0,0,0.98461538,542.50021,227.9983)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="tabframe-normal-topleft" transform="matrix(0.8,0,0,0.8,542.50021,238.9986)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2497 l -3e-4,-3.75 h 3.7503 z"/> + </g> + <g id="tabframe-normal-top" transform="matrix(0,0.8,-0.98461538,0,643.50159,254.99988)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.25 v -32.5 z"/> + </g> + <use id="tabframe-normal-topright" width="100%" height="100%" x="0" y="0" transform="matrix(-1,0,0,1,1159.0003,-3.9218776e-8)" xlink:href="#tabframe-normal-topleft"/> + <g transform="translate(278.00001,-607.50012)"> + <g id="tabframe-normal-right" transform="matrix(-0.8,0,0,-0.98461538,338.5,963.50158)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.25 v -32.5 z"/> + </g> + <g id="tabframe-normal-bottom" transform="matrix(0,-0.8,0.98461538,0,237.49862,936.4999)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2499 v -32.5 z"/> + </g> + </g> + <use id="tabframe-normal-bottomleft" width="100%" height="100%" x="0" y="0" transform="matrix(1,0,0,-1,-1.765625e-8,583.9997)" xlink:href="#tabframe-normal-topleft"/> + <use id="tabframe-normal-bottomright" width="100%" height="100%" x="0" y="0" transform="rotate(180,579.50016,291.99983)" xlink:href="#tabframe-normal-topleft"/> + <path id="tab-toggled" style="opacity:0.00100002;fill-rule:evenodd" d="m 454.00001,275.99988 v 32 h 32 v -32 z"/> + <g id="tab-toggled-left" transform="matrix(0.8,0,0,0.98461538,433.00021,227.9983)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="tab-toggled-topleft" transform="matrix(0.8,0,0,0.8,433.00001,238.9986)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <g id="tab-toggled-top" transform="matrix(0,0.8,-0.98461538,0,534.00159,254.99988)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.25 v -32.5 z"/> + </g> + <g id="tab-toggled-right" transform="matrix(-0.8,0,0,0.98461538,507.00001,227.9983)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.25 v -32.5 z"/> + </g> + <g id="tab-toggled-bottomleft" transform="matrix(1,0,0,0.66666667,279.99991,-302.33346)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="m 174,921.5 h -4 l 1e-4,-6 H 174 Z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <path id="tab-toggled-bottom" style="opacity:0.00100002;fill-rule:evenodd" d="m 454.00021,307.99988 h 31.9998 v 4 h -32 z"/> + <g id="tab-toggled-bottomright" transform="matrix(-1,0,0,0.66666667,660.00021,-302.33356)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 174.0001,921.5 H 170 l 1e-4,-6 h 4 z"/> + <path style="fill:#313244" d="M 171.0001,921.5 H 170 l 1e-4,-6 h 1.0001 z"/> + </g> + <rect id="tab-normal" style="fill-opacity:0" width="10" height="10" x="303" y="282.5"/> + <rect id="tab-normal-top" style="fill-opacity:0" width="10" height="10" x="303" y="272.5"/> + <rect id="tab-normal-right" style="fill-opacity:0" width="10" height="10" x="313" y="282.5"/> + <rect id="tab-normal-topright" style="fill-opacity:0" width="10" height="10" x="313" y="272.5"/> + <rect id="tab-normal-left" style="fill-opacity:0" width="10" height="10" x="293" y="282.5"/> + <rect id="tab-normal-topleft" style="fill-opacity:0" width="10" height="10" x="293" y="272.5"/> + <rect id="tab-normal-bottom" style="fill-opacity:0" width="10" height="10" x="303" y="292.5"/> + <rect id="tab-normal-bottomright" style="fill-opacity:0" width="10" height="10" x="313" y="292.5"/> + <rect id="tab-normal-bottomleft" style="fill-opacity:0" width="10" height="10" x="293" y="292.5"/> + <path id="tab-focused" style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 402.00001,275.99988 v 32 h 32 v -32 z"/> + <g id="tab-focused-left" transform="matrix(0.8,0,0,0.98461538,381.00021,227.9983)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="tab-focused-topleft" transform="matrix(0.8,0,0,0.8,381.00001,238.9986)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <g id="tab-focused-top" transform="matrix(0,0.8,-0.98461538,0,482.00139,254.99988)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="tab-focused-right" transform="matrix(-0.8,0,0,0.98461538,455.00011,227.99831)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="tab-focused-bottomleft" transform="matrix(1,0,0,0.66666667,227.99991,-302.33346)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 174,921.5 h -4 l 1e-4,-6 H 174 Z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <path id="tab-focused-bottom" style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 402.00021,307.99988 h 31.9998 v 4 h -32 z"/> + <g id="tab-focused-bottomright" transform="matrix(-1,0,0,0.66666667,608.00021,-302.33356)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="M 174.0001,921.5 H 170 l 1e-4,-6 h 4 z"/> + <path style="fill:#313244" d="M 171.0001,921.5 H 170 l 1e-4,-6 h 1.0001 z"/> + </g> + <rect id="floating-tab-normal" style="fill-opacity:0" width="10" height="10" x="350.5" y="285"/> + <g id="tabBarFrame-normal-bottom" transform="matrix(0,-1,0.66666667,0,-255.83335,476.50008)"> + <path style="fill-opacity:0;fill-rule:evenodd" d="m 174,921.5 h -4 l 1e-4,-6 H 174 Z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <g id="tabBarFrame-normal-bottomright" transform="matrix(0,-1,0.66666667,0,-259.83335,476.5)"> + <path style="fill-opacity:0;fill-rule:evenodd" d="m 174,921.5 h -4 l 1e-4,-6 H 174 Z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <g id="tabBarFrame-normal-bottomleft" transform="matrix(0,-1,0.66666667,0,-251.83335,476.50008)"> + <path style="fill-opacity:0;fill-rule:evenodd" d="m 174,921.5 h -4 l 1e-4,-6 H 174 Z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <g id="tab-toggled-topright" transform="matrix(-0.8,0,0,0.8,507.00001,238.9986)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <g id="tab-focused-topright" transform="matrix(-0.8,0,0,0.8,455.00001,238.9986)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <path id="floating-tab-toggled" style="opacity:0.00100002;fill-rule:evenodd" d="m 454.0001,224.99987 v 32 h 32 v -32 z"/> + <g id="floating-tab-toggled-left" transform="matrix(0.8,0,0,0.98461538,433.0003,176.99829)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="floating-tab-toggled-topleft" transform="matrix(0.8,0,0,0.8,433.0001,187.99859)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <g id="floating-tab-toggled-top" transform="matrix(0,0.8,-0.98461538,0,534.00168,203.99987)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.25 v -32.5 z"/> + </g> + <g id="floating-tab-toggled-right" transform="matrix(-0.8,0,0,0.98461538,507.0001,176.99829)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 26.25,81.2514 V 48.7516 h -5 v 32.5 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.25 v -32.5 z"/> + </g> + <g id="floating-tab-toggled-bottomleft" transform="matrix(1,0,0,0.66666667,280,-353.33347)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="m 174,921.5 h -4 l 1e-4,-6 H 174 Z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <path id="floating-tab-toggled-bottom" style="opacity:0.00100002;fill-rule:evenodd" d="m 454.0003,256.99987 h 31.9998 v 4 h -32 z"/> + <g id="floating-tab-toggled-bottomright" transform="matrix(-1,0,0,0.66666667,660.0003,-353.33357)"> + <path style="opacity:0.00100002;fill-rule:evenodd" d="M 174.0001,921.5 H 170 l 1e-4,-6 h 4 z"/> + <path style="fill:#313244" d="M 171.0001,921.5 H 170 l 1e-4,-6 h 1.0001 z"/> + </g> + <path id="floating-tab-focused" style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 402.0001,224.99987 v 32 h 32 v -32 z"/> + <g id="floating-tab-focused-left" transform="matrix(0.8,0,0,0.98461538,381.0003,176.99829)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(1.25,0,0,1.015625,-561.25026,-385.93577)" d="m 467,428 v 32 h 3 v -32 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="floating-tab-focused-topleft" transform="matrix(0.8,0,0,0.8,381.0001,187.99859)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(1.25,0,0,1.25,-561.25001,-488.74824)" d="m 467,425 v 3 h 3 v -3 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <g id="floating-tab-focused-top" transform="matrix(0,0.8,-0.98461538,0,482.00148,203.99987)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(0,-1.015625,1.25,0,-508.74984,558.59516)" d="m 470,425 v 3 h 32 v -3 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="floating-tab-focused-right" transform="matrix(-0.8,0,0,0.98461538,455.0002,176.9983)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(-1.25,0,0,1.015625,653.75014,-385.93578)" d="m 502,428 v 32 h 3 v -32 z"/> + <path style="fill:#313244" d="m 21.25,48.7516 v 32.5 h 1.2497 v -32.5 z"/> + </g> + <g id="floating-tab-focused-bottomleft" transform="matrix(1,0,0,0.66666667,228,-353.33347)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(1,0,0,1.5,-295.99991,225.5002)" d="m 467,460 v 4 h 3 v -4 z"/> + <path style="fill:#313244" d="m 171,921.5 h -1 l 1e-4,-6 h 1 z"/> + </g> + <path id="floating-tab-focused-bottom" style="opacity:0.06;fill:#585B70;fill-rule:evenodd" d="m 402.0003,256.99987 h 31.9998 v 4 h -32 z"/> + <g id="floating-tab-focused-bottomright" transform="matrix(-1,0,0,0.66666667,608.0003,-353.33357)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(-1,0,0,1.5,676.00021,225.50035)" d="m 502,460 v 4 h 3 v -4 z"/> + <path style="fill:#313244" d="M 171.0001,921.5 H 170 l 1e-4,-6 h 1.0001 z"/> + </g> + <g id="floating-tab-toggled-topright" transform="matrix(-0.8,0,0,0.8,507.0001,187.99859)"> + <path style="opacity:0.00100002;fill:#585B70;fill-rule:evenodd" d="m 26.25,41.2516 h -5 v 5 h 5 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <g id="floating-tab-focused-topright" transform="matrix(-0.8,0,0,0.8,455.0001,187.99859)"> + <path style="opacity:0.06;fill:#585B70;fill-rule:evenodd" transform="matrix(-1.25,0,0,1.25,653.75001,-488.74824)" d="m 502,425 v 3 h 3 v -3 z"/> + <path style="fill:#313244" d="m 26.25,41.2516 h -5 v 5 h 1.2503 v -3.75 H 26.25 Z"/> + </g> + <path id="menuitem-normal-top" style="fill:#585B70;fill-rule:evenodd" d="m 728,67 h 8 v 4 h -8 z"/> + <path id="menuitem-normal-bottom" style="fill:#585B70;fill-rule:evenodd" d="m 728,79 h 8 v 4 h -8 z"/> + <path id="menuitem-normal" style="fill:#585B70;fill-rule:evenodd" d="m 728,71 h 8 v 8 h -8 z"/> + <path id="menuitem-normal-right" style="fill:#585B70;fill-rule:evenodd" d="m 736,71 h 4 v 8 h -4 z"/> + <path id="menuitem-normal-left" style="fill:#585B70;fill-rule:evenodd" d="m 724,71 h 4 v 8 h -4 z"/> + <path id="menuitem-normal-topleft" style="fill:#585B70;fill-rule:evenodd" d="m 724,67 h 4 v 4 h -4 z"/> + <path id="menuitem-normal-topright" style="fill:#585B70;fill-rule:evenodd" d="m 736,67 h 4 v 4 h -4 z"/> + <path id="menuitem-normal-bottomleft" style="fill:#585B70;fill-rule:evenodd" d="m 724,79 h 4 v 4 h -4 z"/> + <path id="menuitem-normal-bottomright" style="fill:#585B70;fill-rule:evenodd" d="m 736,79 h 4 v 4 h -4 z"/> + <g id="menu-shadow-topleft" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#radialGradient11175)" d="m 515,320 h 10 v 10 h -10 z"/> + <path style="fill:#313244" d="m 521,330 c -2e-5,-3 1.94498,-4 4,-4 v 4 z"/> + <path style="fill:#1E1E2E" d="m 524.99998,325.00005 a 4.9999999,5.0000001 0 0 0 -5,5 h 1 a 3.9999998,4.0000001 0 0 1 4,-4 z"/> + </g> + <g id="menu-shadow-top" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#linearGradient11121)" d="m 525,320 h 46 v 10 h -46 z"/> + <path style="fill:#1E1E2E" d="m 525.00004,325.00005 v 1 h 46 v -1 z"/> + <path style="fill:#313244" d="m 524.99769,325.99461 h 46 v 4 h -46 z"/> + </g> + <g id="menu-shadow-left" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#linearGradient11133)" d="m 515,330 h 10 v 43 h -10 z"/> + <path style="fill:#1E1E2E" d="m 519.99997,329.99999 v 43 h 1 v -43 z"/> + <path style="fill:#313244" d="m 521,330 h 4 v 42.99982 h -4 z"/> + </g> + <g id="menu-shadow-topright" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#radialGradient11173)" d="m 571,320 h 10 v 10 h -10 z"/> + <path style="fill:#313244" d="m 574.99999,329.9995 c -10e-6,-2.9995 -1.94498,-4 -4,-4 v 4 z"/> + <path style="fill:#1E1E2E" d="m 570.99997,325.00005 v 1 a 3.9999998,4.0000001 0 0 1 4,4 h 1 a 4.9999999,5.0000001 0 0 0 -5,-5 z"/> + </g> + <g id="menu-shadow-right" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#linearGradient11125)" d="m 571,330 h 10 v 43 h -10 z"/> + <path style="fill:#1E1E2E" d="m 574.99998,329.99999 v 43 h 1 v -43 z"/> + <path style="fill:#313244" d="m 574.99995,329.99385 h -4 v 42.99982 h 4 z"/> + </g> + <g id="menu-shadow-bottomleft" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#radialGradient11177)" d="m 515,373 h 10 v 10 h -10 z"/> + <path style="fill:#313244" d="m 521,373 c -2e-5,3 1.94498,4 4,4 v -4 z"/> + <path style="fill:#1E1E2E" d="m 519.99998,372.99998 a 4.9999999,5.0000001 0 0 0 5,5 v -1 a 3.9999998,4.0000001 0 0 1 -4,-4 z"/> + </g> + <g id="menu-shadow-bottom" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#linearGradient11129)" d="m 571,373 v 10 h -46 v -10 z"/> + <path style="fill:#1E1E2E" d="m 525.00004,377 v 1 h 46 v -1 z"/> + <path style="fill:#313244" d="m 525,377 h 46 v -4 h -46 z"/> + </g> + <g id="menu-shadow-bottomright" transform="translate(17.00002,-189)"> + <path style="opacity:0.3;fill:url(#radialGradient11179)" d="m 571,373 h 10 v 10 h -10 z"/> + <path style="fill:#313244" d="M 575,373.00026 C 574.99998,376 573.05502,377 571,377 v -4 z"/> + <path style="fill:#1E1E2E" d="m 574.99997,372.99998 a 3.9999998,4.0000001 0 0 1 -4,4 v 1 a 4.9999999,5.0000001 0 0 0 5,-5 z"/> + </g> + <path id="menu-normal" style="fill:#313244" d="m 475.00001,140.99942 h 46 v 43 h -46 z"/> + <g id="menu-normal-topleft" transform="translate(17.00002,-189)"> + <path style="fill:#313244" d="m 454.00001,330 c -10e-6,-3 1.94498,-4 4,-4 v 4 z"/> + <path style="fill:#1E1E2E" d="m 457.99999,325.00005 a 4.9999999,5.0000001 0 0 0 -5,5 h 1 a 3.9999998,4.0000001 0 0 1 4,-4 z"/> + </g> + <g id="menu-normal-top" transform="translate(17.00002,-189)"> + <path style="fill:#1E1E2E" d="m 458.00005,325.00005 v 1 h 46 v -1 z"/> + <path style="fill:#313244" d="m 457.9977,325.99461 h 46 v 4 h -46 z"/> + </g> + <g id="menu-normal-left" transform="translate(17.00002,-189)"> + <path style="fill:#1E1E2E" d="m 452.99998,329.99999 v 43 h 1 v -43 z"/> + <path style="fill:#313244" d="m 454.00001,330 h 4 v 42.99982 h -4 z"/> + </g> + <g id="menu-normal-topright" transform="translate(17.00002,-189)"> + <path style="fill:#313244" d="m 508,329.9995 c 0,-2.9995 -1.94498,-4 -4,-4 v 4 z"/> + <path style="fill:#1E1E2E" d="m 503.99998,325.00005 v 1 a 3.9999998,4.0000001 0 0 1 4,4 h 1 a 4.9999999,5.0000001 0 0 0 -5,-5 z"/> + </g> + <g id="menu-normal-right" transform="translate(17.00002,-189)"> + <path style="fill:#1E1E2E" d="m 507.99999,329.99999 v 43 h 1 v -43 z"/> + <path style="fill:#313244" d="m 507.99996,329.99385 h -4 v 42.99982 h 4 z"/> + </g> + <g id="menu-normal-bottomleft" transform="translate(17.00002,-189)"> + <path style="fill:#313244" d="m 454.00001,373 c -10e-6,3 1.94498,4 4,4 v -4 z"/> + <path style="fill:#1E1E2E" d="m 452.99999,372.99998 a 4.9999999,5.0000001 0 0 0 5,5 v -1 a 3.9999998,4.0000001 0 0 1 -4,-4 z"/> + </g> + <g id="menu-normal-bottom" transform="translate(17.00002,-189)"> + <path style="fill:#1E1E2E" d="m 458.00005,377 v 1 h 46 v -1 z"/> + <path style="fill:#313244" d="m 458.00001,377 h 46 v -4 h -46 z"/> + </g> + <g id="menu-normal-bottomright" transform="translate(17.00002,-189)"> + <path style="fill:#313244" d="m 508.00001,373.00026 c 0,2.99974 -1.94498,3.99974 -4,3.99974 v -4 z"/> + <path style="fill:#1E1E2E" d="m 507.99998,372.99998 a 3.9999998,4.0000001 0 0 1 -4,4 v 1 a 4.9999999,5.0000001 0 0 0 5,-5 z"/> + </g> + <path id="menu-shadow-hint-bottom" style="fill:#CBA6F7" d="m 564.00002,188 h 2 v 6 h -2 z"/> + <path id="menu-shadow-hint-top" style="fill:#CBA6F7" d="m 564.00002,131 h 2 v 6 h -2 z"/> + <path id="menu-shadow-hint-right" style="fill:#CBA6F7" d="m 592,163.49376 v -2 h 6 v 2 z"/> + <path id="menu-shadow-hint-left" style="fill:#CBA6F7" d="m 532.00002,163 v -2 h 6 v 2 z"/> + <g id="button-normal-left" transform="matrix(0.8,0,0,0.98461538,105,-30.001575)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-normal-topleft" transform="matrix(0.8,0,0,0.8,105,-21.001285)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <path id="button-normal" style="fill:#313244;fill-rule:evenodd" d="m 128,17.999997 v 31.999999 h 32 V 17.999997 Z"/> + <g id="button-normal-top" transform="matrix(0,0.8,-0.98461538,0,208.00158,-5.0000047)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-normal-topright" transform="matrix(-0.8,0,0,0.8,183,-21.001285)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-normal-bottom" transform="matrix(0,-0.8,-0.98461538,0,208.00138,72.999996)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-normal-right" transform="matrix(-0.8,0,0,0.98461538,183,-30.00158)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-normal-bottomleft" transform="matrix(0.8,0,0,-0.8,104.9998,89.001276)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-normal-bottomright" transform="matrix(-0.8,0,0,-0.8,182.9998,89.001276)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-focused-left" transform="matrix(0.8,0,0,0.98461538,151.0002,-30.001575)"> + <path style="fill:#585B70;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#181825" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-focused-topleft" transform="matrix(0.8,0,0,0.8,151.0002,-21.001285)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <path id="button-focused" style="fill:#585B70;fill-rule:evenodd" d="m 174.0002,17.999997 v 31.999999 h 32 V 17.999997 Z"/> + <g id="button-focused-top" transform="matrix(0,0.8,-0.98461538,0,254.00178,-5.0000047)"> + <path style="fill:#585B70;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-focused-topright" transform="matrix(-0.8,0,0,0.8,229.0002,-21.001285)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-focused-bottom" transform="matrix(0,-0.8,-0.98461538,0,254.00158,72.999996)"> + <path style="fill:#585B70;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#181825" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-focused-right" transform="matrix(-0.8,0,0,0.98461538,229.0002,-30.00158)"> + <path style="fill:#585B70;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-focused-bottomleft" transform="matrix(0.8,0,0,-0.8,151,89.001276)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#181825" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-focused-bottomright" transform="matrix(-0.8,0,0,-0.8,229,89.001276)"> + <path style="fill:#585B70;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-pressed-left" transform="matrix(0.8,0,0,0.98461538,197.0002,-30.001575)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.875125 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-pressed-topleft" transform="matrix(0.8,0,0,0.8,197.0002,-21.001285)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876606 c -4.125,-5.1e-5 -6.875155,2.749964 -6.875125,6.874994 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <path id="button-pressed" style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 220.0002,17.999997 v 31.999999 h 32 V 17.999997 Z"/> + <g id="button-pressed-top" transform="matrix(0,0.8,-0.98461538,0,300.00178,-5.0000047)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.874994 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-pressed-topright" transform="matrix(-0.8,0,0,0.8,275.0002,-21.001285)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876606 c -4.125,-5.1e-5 -6.874905,2.749964 -6.874875,6.874994 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-pressed-bottom" transform="matrix(0,-0.8,-0.98461538,0,300.00158,72.999996)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.875005 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-pressed-right" transform="matrix(-0.8,0,0,0.98461538,275.0002,-30.00158)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.874875 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-pressed-bottomleft" transform="matrix(0.8,0,0,-0.8,197,89.001276)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876595 c -4.125,-5.1e-5 -6.875155,2.749975 -6.875125,6.875005 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-pressed-bottomright" transform="matrix(-0.8,0,0,-0.8,275,89.001276)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876595 c -4.125,-5.1e-5 -6.874905,2.749975 -6.874875,6.875005 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-toggled-left" transform="matrix(0.8,0,0,0.98461538,243.0002,-30.001575)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.875125 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-toggled-topleft" transform="matrix(0.8,0,0,0.8,243.0002,-21.001285)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876606 c -4.125,-5.1e-5 -6.875155,2.749964 -6.875125,6.874994 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <path id="button-toggled" style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 266.0002,17.999997 v 31.999999 h 32 V 17.999997 Z"/> + <g id="button-toggled-top" transform="matrix(0,0.8,-0.98461538,0,346.00178,-5.0000047)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.874994 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-toggled-topright" transform="matrix(-0.8,0,0,0.8,321.0002,-21.001285)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876606 c -4.125,-5.1e-5 -6.874905,2.749964 -6.874875,6.874994 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-toggled-bottom" transform="matrix(0,-0.8,-0.98461538,0,346.00158,72.999996)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.875005 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-toggled-right" transform="matrix(-0.8,0,0,0.98461538,321.0002,-30.00158)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -6.874875 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="button-toggled-bottomleft" transform="matrix(0.8,0,0,-0.8,243,89.001276)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876595 c -4.125,-5.1e-5 -6.875155,2.749975 -6.875125,6.875005 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="button-toggled-bottomright" transform="matrix(-0.8,0,0,-0.8,321,89.001276)"> + <path style="opacity:0.3;fill:#CBA6F7;fill-rule:evenodd" d="m 28.75,41.876595 c -4.125,-5.1e-5 -6.874905,2.749975 -6.874875,6.875005 H 28.75 Z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="lineedit-normal-left" transform="matrix(0.8,0,0,0.98461538,105,26.99843)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="lineedit-normal-topleft" transform="matrix(0.8,0,0,0.8,105,35.99872)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <path id="lineedit-normal" style="fill:#313244;fill-rule:evenodd" d="M 128,75.000002 V 107 h 32 V 75.000002 Z"/> + <g id="lineedit-normal-top" transform="matrix(0,0.8,-0.98461538,0,208.00158,52)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="lineedit-normal-topright" transform="matrix(-0.8,0,0,0.8,183,35.99872)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="lineedit-normal-bottom" transform="matrix(0,-0.8,-0.98461538,0,208.00138,130)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="lineedit-normal-right" transform="matrix(-0.8,0,0,0.98461538,183,26.998425)"> + <path style="fill:#313244;fill-rule:evenodd" d="M 28.75,81.2514 V 48.7516 h -7.5 v 32.5 z"/> + <path style="fill:#1E1E2E" d="m 21.25,48.7516 v 32.5 h 2.5 v -32.5 z"/> + </g> + <g id="lineedit-normal-bottomleft" transform="matrix(0.8,0,0,-0.8,104.9998,146.00128)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <g id="lineedit-normal-bottomright" transform="matrix(-0.8,0,0,-0.8,182.9998,146.00128)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 7.5 z"/> + <path style="fill:#1E1E2E" d="m 28.75,41.2516 c -4.125,-5.1e-5 -7.50003,3.37497 -7.5,7.5 h 2.5 c 0,-3.125 1.875,-5 5,-5 z"/> + </g> + <path id="lineedit-focused" style="fill:#313244;fill-rule:evenodd" d="M 175.9998,75.000003 V 107 h 32 V 75.000003 Z"/> + <g id="lineedit-focused-topleft" transform="translate(0,121.97101)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 175.9998,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 6 z"/> + <path style="fill:#181825" d="m 176,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 2 c 0,-2.5 1.5,-4 4,-4 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 c -2,0 -4,1 -4,4 h 2 c 0,-2 2,-2 2,-2 z"/> + </g> + <g id="lineedit-focused-top" transform="translate(0,121.97101)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 176,-46.971008 h 31.9998 v -6 h -32 z"/> + <path style="fill:#181825" d="m 207.9998,-52.971008 h -32 v 2 h 32 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 h 32 v 2 h -32 z"/> + </g> + <g id="lineedit-focused-topright" transform="rotate(90,131.0145,30.014496)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 175.9998,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 6 z"/> + <path style="fill:#181825" d="m 176,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 2 c 0,-2.5 1.5,-4 4,-4 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 c -2,0 -4,1 -4,4 h 2 c 0,-2 2,-2 2,-2 z"/> + </g> + <g id="lineedit-focused-right" transform="rotate(90,131.0145,30.014496)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 176,-46.971008 h 31.9998 v -6 h -32 z"/> + <path style="fill:#181825" d="m 207.9998,-52.971008 h -32 v 2 h 32 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 h 32 v 2 h -32 z"/> + </g> + <g id="lineedit-focused-bottomright" transform="rotate(180,192,30.014496)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 175.9998,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 6 z"/> + <path style="fill:#181825" d="m 176,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 2 c 0,-2.5 1.5,-4 4,-4 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 c -2,0 -4,1 -4,4 h 2 c 0,-2 2,-2 2,-2 z"/> + </g> + <g id="lineedit-focused-bottom" transform="rotate(180,192,30.014496)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 176,-46.971008 h 31.9998 v -6 h -32 z"/> + <path style="fill:#181825" d="m 207.9998,-52.971008 h -32 v 2 h 32 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 h 32 v 2 h -32 z"/> + </g> + <g id="lineedit-focused-bottomleft" transform="rotate(-90,252.9854,30.014396)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 175.9998,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 6 z"/> + <path style="fill:#181825" d="m 176,-52.971008 c -3.3,-4.1e-5 -6.00002,2.699976 -6,6 h 2 c 0,-2.5 1.5,-4 4,-4 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 c -2,0 -4,1 -4,4 h 2 c 0,-2 2,-2 2,-2 z"/> + </g> + <g id="lineedit-focused-left" transform="rotate(-90,252.9854,30.014396)"> + <path style="fill:#313244;fill-rule:evenodd" d="m 176,-46.971008 h 31.9998 v -6 h -32 z"/> + <path style="fill:#181825" d="m 207.9998,-52.971008 h -32 v 2 h 32 z"/> + <path style="fill:#CBA6F7" d="m 176,-50.971008 h 32 v 2 h -32 z"/> + </g> +</svg> diff --git a/.config/Kvantum/kvantum.kvconfig b/.config/Kvantum/kvantum.kvconfig new file mode 100644 index 0000000..f14f1b0 --- /dev/null +++ b/.config/Kvantum/kvantum.kvconfig @@ -0,0 +1,2 @@ +[General] +theme=catppuccin-mocha-mauve diff --git a/.config/XMonad/lib/Defaults.hs b/.config/XMonad/lib/Defaults.hs index 1aafc80..29d4313 100644 --- a/.config/XMonad/lib/Defaults.hs +++ b/.config/XMonad/lib/Defaults.hs @@ -7,21 +7,13 @@ import qualified XMonad.Actions.TreeSelect as TS import XMonad.Actions.GridSelect import XMonad.Util.Loggers --- import XMonad.Hooks.StatusBar --- import XMonad.Hooks.StatusBar.PP - -myBorder = "#282c34" -myBorder' = "#c678dd" --- myBorder = "#120F23" --- myBorder' = "#a663cc" --- myBorder' = "#C44CF2" --- myBorder = "#120F23" --- myBorder' = "#1ca09d" +myBorder = "#11111b" +myBorder' = "#cba6f7" myBorderWidth :: Dimension -myBorderWidth = 1 +myBorderWidth = 2 -myFont = "xft:Sauce Code Pro:style=Regular:size=14" +myFont = "xft:Roboto:style=Regular:size=12" myModMask = mod4Mask myModMask' = mod1Mask @@ -32,8 +24,8 @@ myLockscreen = "betterlockscreen -q -l" myColorPicker = "colorpicker --short --one-shot --preview | xsel -b" myTerminal = "open_terminal" -myTerminal' = "WINIT_X11_SCALE_FACTOR=1.5 alacritty" -myLauncher = "dmenu_run" +myTerminal' = "alacritty" +myLauncher = "rofi -show drun" prevTrack = "playerctl previous" nextTrack = "playerctl next" @@ -47,8 +39,8 @@ micVolUp = "pamixer --default-source -i 5" micVolDown = "pamixer --default-source -d 5" micVolMute = "pamixer --default-source -t" -backlightUp = "brightnessctl s +5" -backlightDown = "brightnessctl s 5-" +backlightUp = "brightnessctl s +1%" +backlightDown = "brightnessctl s 1%-" wifiOn = "nmcli radio wifi on" wifiOff = "nmcli radio wifi off" @@ -68,7 +60,6 @@ myFileManager = "pcmanfm" myFileManager' = "lf" myTextEditor = "doom run" -myTextEditor' = "codium" myTermTextEditor = "nvim" myEmailClient = "thunderbird" @@ -84,22 +75,12 @@ myCalculator = "galculator" myExtraWorkspaces = [(xK_0, "十")] myWorkspaces = ["一", "二", "三", "四", "五", "六", "七", "八", "九"] ++ map snd myExtraWorkspaces --- links -myWebsite = "https://vidhukant.com" -myGitServer = "https://mikunonaka.net" -myGitHubProfile = "https://github.com/MikunoNaka" -myYTChannel = "https://www.youtube.com/@MikunoNakaZT" -myMALProfile = "https://myanimelist.net/profile/0ZeroTsu" -myCloud = "https://cloud.vidhukant.com" -vpsDashboard = "https://cloud.linode.com/linodes" -dnsDashboard = "https://cloud.linode.com/domains" - -- screen gaps sGap = 3 wGap = 4 --- myGap = spacingRaw True (Border sGap sGap sGap sGap) True (Border wGap wGap wGap wGap) True -myGap = spacingRaw False (Border sGap sGap sGap sGap) True (Border wGap wGap wGap wGap) True +myGap = spacingRaw True (Border sGap sGap sGap sGap) True (Border wGap wGap wGap wGap) True +-- myGap = spacingRaw False (Border sGap sGap sGap sGap) True (Border wGap wGap wGap wGap) True myTabTheme = def { fontName = myFont @@ -112,15 +93,14 @@ myTabTheme = def { , decoHeight = 20 } ---myBorder' = "#c678dd" myTSConfig = TS.TSConfig { - TS.ts_hidechildren = True - , TS.ts_background = 0xb30e0911 + TS.ts_hidechildren = True + , TS.ts_background = 0xb311111b , TS.ts_font = myFont - , TS.ts_node = (0xffd0d0d0, 0xff1c1f24) - , TS.ts_nodealt = (0xffd0d0d0, 0xff282c34) - , TS.ts_highlight = (0xffffffff, 0xff755999) - , TS.ts_extra = 0xffffffff + , TS.ts_node = (0xffcdd6f4, 0xff1e1e2e) + , TS.ts_nodealt = (0xffbac2de, 0xff181825) + , TS.ts_highlight = (0xff11111b, 0xffcba6f7) + , TS.ts_extra = 0xffcdd6f4 , TS.ts_node_width = 220 , TS.ts_node_height = 28 , TS.ts_originX = 0 @@ -133,8 +113,6 @@ myGSColorizer :: Window -> Bool -> X (String, String) myGSColorizer = colorRangeFromClassName (0x28,0x2c,0x34) -- lowest inactive bg (0x28,0x2c,0x34) -- highest inactive bg - -- (0xff,0xff,0xff) -- lowest inactive bg - -- (0xff,0xff,0xff) -- highest inactive bg (0xc4,0x4c,0xf2) -- active bg (0xff,0xff,0xff) -- inactive fg (0xff,0xff,0xff) -- active fg @@ -149,18 +127,3 @@ myGSConfig colorizer = (buildDefaultGSConfig myGSColorizer) } myGridSelect = myGSConfig myGSColorizer - --- myLemonbarCmd = "lemon | lemonbar -d -g 1920x28+1920+0 -o -2 -f 'Source Han Sans JP Normal:size=12' -B '#e6100b13' -F '#9d00ff'" --- myLemonbarCmd' = "lemon | lemonbar -d -g 1920x20+0+0 -o 0 -f 'Source Han Sans JP Normal:size=9' -B '#e6100b13' -F '#9d00ff'" --- --- myLemonbarPP = def { --- ppCurrent = wrap "%{B#ff0aa3} %{F#FFFFFF}" " %{F-}%{B-}" --- , ppVisible = wrap "%{B#28c78f} %{F#FFFFFF}" " %{F-}%{B-}" --- , ppHidden = wrap "%{B#9b1bed} %{F#FFFFFF}" " %{F-}%{B-}" --- , ppHiddenNoWindows = wrap " " " " --- --, ppVisibleNoWindows = wrap "%{B#ffffff} %{F#9b1bed}" " %{F-}%{B-}" --- , ppWsSep = "" --- , ppSep = "" --- , ppTitle = wrap " " "" . shorten 60 --- , ppOrder = \(ws:l:t:ex) -> [t]++["%{r}",ws] --- } diff --git a/.config/XMonad/lib/Keybindings.hs b/.config/XMonad/lib/Keybindings.hs index 6255626..6d7f901 100644 --- a/.config/XMonad/lib/Keybindings.hs +++ b/.config/XMonad/lib/Keybindings.hs @@ -64,10 +64,10 @@ myKeybindings :: [((KeyMask, KeySym), X ())] myKeybindings = [ ((myModMask, xK_Return), spawn myTerminal) , ((myModShiftMask, xK_Return), spawn myLockscreen) - , ((myModMask .|. shiftMask, xK_c), kill1) + , ((myModMask, xK_w ), kill1) , ((myModMask, xK_s), showTS myMainTS) - , ((myModShiftMask, xK_s), spawn myLauncher) + , ((myModShiftMask, xK_s), spawn myLauncher) -- view prev/next workspaces , ((myModMask', xK_h ), prevWS) diff --git a/.config/XMonad/lib/TreeSelect.hs b/.config/XMonad/lib/TreeSelect.hs index 1fb49dc..1a859d4 100644 --- a/.config/XMonad/lib/TreeSelect.hs +++ b/.config/XMonad/lib/TreeSelect.hs @@ -33,7 +33,6 @@ myEditingTS = [ myDevTS :: Forest (TSNode (X ())) myDevTS = [ Node (TSNode "Doom Emacs" "" (spawn myTextEditor)) [] - , Node (TSNode "VSC" "VSCodium" (spawn myTextEditor')) [] , Node (TSNode "Postman" "" (spawn "postman")) [] , Node (TSNode "Virt Manager" "" (spawn "virt-manager")) [] , Node (TSNode "IntelliJ IDEA" "Java IDE" (spawn "idea")) [] @@ -46,7 +45,6 @@ myUtilTS = [ Node (TSNode "File Manager" "" (spawn myFileManager)) [] , Node (TSNode "Volume Control" "pavucontrol" (spawn "pavucontrol")) [] , Node (TSNode "Password Manager" "keepassxc" (spawn myPasswordManager)) [] - , Node (TSNode "Cloud" "Nextcloud" (spawn $ myBrowser ++ " " ++ myCloud)) [] , Node (TSNode "Calculator" "" (spawn myCalculator)) [] , Node (TSNode "Screenshot" "" (spawn fullScreenshot)) [] , Node (TSNode "Torrent" "" (spawn myTorrentClient)) [] @@ -60,23 +58,6 @@ myUtilTS = [ , Node (TSNode "Google Forms" "" (spawn $ myBrowser ++ " https://forms.google.com")) [] ] -myLinksTS :: Forest (TSNode (X ())) -myLinksTS = [ - Node (TSNode "Linode Dashboard" "" (spawn $ myBrowser ++ " " ++ vpsDashboard)) [] - , Node (TSNode "Linode Dashboard (DNS)" "" (spawn $ myBrowser ++ " " ++ dnsDashboard)) [] - , Node (TSNode "Git Server" "MikunoNaka.net" (spawn $ myBrowser ++ " " ++ myGitServer)) [] - , Node (TSNode "GitHub" "My GitHub Profile" (spawn $ myBrowser ++ " " ++ myGitHubProfile)) [] - , Node (TSNode "MyAnimeList" "My MAL Profile" (spawn $ myBrowser ++ " " ++ myMALProfile)) [] - , Node (TSNode "My Website" "VidhuKant.com" (spawn $ myBrowser ++ " " ++ myWebsite)) [] - , Node (TSNode "Cloud Storage" "Nextcloud" (spawn $ myBrowser ++ " " ++ myCloud)) [] - , Node (TSNode "YouTube Channel" "" (spawn $ myBrowser ++ " " ++ myYTChannel)) [] - , Node (TSNode "WhatsApp Web" "" (spawn $ myBrowser ++ " https://web.whatsapp.com")) [] - , Node (TSNode "Google Docs" "" (spawn $ myBrowser ++ " https://docs.google.com")) [] - , Node (TSNode "Google Sheets" "" (spawn $ myBrowser ++ " https://sheets.google.com")) [] - , Node (TSNode "Google Slides" "" (spawn $ myBrowser ++ " https://slides.google.com")) [] - , Node (TSNode "Google Forms" "" (spawn $ myBrowser ++ " https://forms.google.com")) [] - ] - myPowerTS :: Forest (TSNode (X ())) myPowerTS = [ Node (TSNode "Shut Down" "" (spawn "shutdown now")) [] @@ -90,6 +71,5 @@ myMainTS = [ , Node (TSNode "Editing" "Makin' memes" (return())) myEditingTS , Node (TSNode "Development" "Hackering tools" (return())) myDevTS , Node (TSNode "Utilities" "Misc n settings" (return())) myUtilTS - , Node (TSNode "Links" "Commonly visited sites" (return())) myLinksTS , Node (TSNode "Power" "" (return())) myPowerTS ] diff --git a/.config/XMonad/xmonad.hs b/.config/XMonad/xmonad.hs index 5b050a4..fe8c8d8 100644 --- a/.config/XMonad/xmonad.hs +++ b/.config/XMonad/xmonad.hs @@ -14,7 +14,7 @@ import Hooks main :: IO () main = do - xmonad $ ewmhFullscreen $ ewmh $ docks def { + xmonad $ disableEwmhManageDesktopViewport $ ewmhFullscreen $ ewmh $ docks def { focusFollowsMouse = True , terminal = myTerminal , borderWidth = myBorderWidth diff --git a/.config/alacritty/alacritty.toml b/.config/alacritty/alacritty.toml index 1253808..8c68498 100644 --- a/.config/alacritty/alacritty.toml +++ b/.config/alacritty/alacritty.toml @@ -1,8 +1,7 @@ [general] import = [ - #"~/.config/alacritty/font.toml", - #"~/.config/alacritty/keybindings.toml", - #"~/.config/alacritty/mouse.toml", + "~/.config/alacritty/font.toml", + "~/.config/alacritty/mouse.toml", "~/.config/alacritty/shell.toml", "~/.config/alacritty/env.toml", "~/.config/alacritty/window.toml", diff --git a/.config/alacritty/font.toml b/.config/alacritty/font.toml index c2d861e..3d211a1 100644 --- a/.config/alacritty/font.toml +++ b/.config/alacritty/font.toml @@ -2,24 +2,9 @@ draw_bold_text_with_bright_colors = true [font] -size = 8.0 +size = 11 -[font.bold] -family = "Source Code Pro" -style = "Bold" - -[font.bold_italic] -family = "Source Code Pro" -style = "Bold Italic" - -[font.italic] -family = "Source Code Pro" -style = "Italic" - -[font.normal] -family = "Source Code Pro" -style = "Regular" - -[font.offset] -x = 0 -y = -1 +normal.family = "Hack Nerd Font Mono" +bold.family = "Hack Nerd Font Mono" +italic.family = "Hack Nerd Font Mono" +bold_italic.family = "Hack Nerd Font Mono" diff --git a/.config/alacritty/keybindings.toml b/.config/alacritty/keybindings.toml deleted file mode 100644 index e69de29..0000000 --- a/.config/alacritty/keybindings.toml +++ /dev/null diff --git a/.config/alacritty/mouse.toml b/.config/alacritty/mouse.toml index f65083c..f62083f 100644 --- a/.config/alacritty/mouse.toml +++ b/.config/alacritty/mouse.toml @@ -1,5 +1,5 @@ [mouse] -hide_when_typing = false +hide_when_typing = true [[mouse.bindings]] action = "PasteSelection" diff --git a/.config/alacritty/themes/catppuccin-frappe.toml b/.config/alacritty/themes/catppuccin-frappe.toml deleted file mode 100644 index 3e6fac1..0000000 --- a/.config/alacritty/themes/catppuccin-frappe.toml +++ /dev/null @@ -1,65 +0,0 @@ -[colors.primary] -background = "#303446" -foreground = "#c6d0f5" -dim_foreground = "#838ba7" -bright_foreground = "#c6d0f5" - -[colors.cursor] -text = "#303446" -cursor = "#f2d5cf" - -[colors.vi_mode_cursor] -text = "#303446" -cursor = "#babbf1" - -[colors.search.matches] -foreground = "#303446" -background = "#a5adce" - -[colors.search.focused_match] -foreground = "#303446" -background = "#a6d189" - -[colors.footer_bar] -foreground = "#303446" -background = "#a5adce" - -[colors.hints.start] -foreground = "#303446" -background = "#e5c890" - -[colors.hints.end] -foreground = "#303446" -background = "#a5adce" - -[colors.selection] -text = "#303446" -background = "#f2d5cf" - -[colors.normal] -black = "#51576d" -red = "#e78284" -green = "#a6d189" -yellow = "#e5c890" -blue = "#8caaee" -magenta = "#f4b8e4" -cyan = "#81c8be" -white = "#b5bfe2" - -[colors.bright] -black = "#626880" -red = "#e78284" -green = "#a6d189" -yellow = "#e5c890" -blue = "#8caaee" -magenta = "#f4b8e4" -cyan = "#81c8be" -white = "#a5adce" - -[[colors.indexed_colors]] -index = 16 -color = "#ef9f76" - -[[colors.indexed_colors]] -index = 17 -color = "#f2d5cf" diff --git a/.config/alacritty/themes/catppuccin-macchiato.toml b/.config/alacritty/themes/catppuccin-macchiato.toml deleted file mode 100644 index df5c8bc..0000000 --- a/.config/alacritty/themes/catppuccin-macchiato.toml +++ /dev/null @@ -1,66 +0,0 @@ -[colors.primary] -#background = "#24273a" -background = "#14161b" -foreground = "#cad3f5" -dim_foreground = "#8087a2" -bright_foreground = "#cad3f5" - -[colors.cursor] -text = "#24273a" -cursor = "#f4dbd6" - -[colors.vi_mode_cursor] -text = "#24273a" -cursor = "#b7bdf8" - -[colors.search.matches] -foreground = "#24273a" -background = "#a5adcb" - -[colors.search.focused_match] -foreground = "#24273a" -background = "#a6da95" - -[colors.footer_bar] -foreground = "#24273a" -background = "#a5adcb" - -[colors.hints.start] -foreground = "#24273a" -background = "#eed49f" - -[colors.hints.end] -foreground = "#24273a" -background = "#a5adcb" - -[colors.selection] -text = "#24273a" -background = "#f4dbd6" - -[colors.normal] -black = "#494d64" -red = "#ed8796" -green = "#a6da95" -yellow = "#eed49f" -blue = "#8aadf4" -magenta = "#f5bde6" -cyan = "#8bd5ca" -white = "#b8c0e0" - -[colors.bright] -black = "#5b6078" -red = "#ed8796" -green = "#a6da95" -yellow = "#eed49f" -blue = "#8aadf4" -magenta = "#f5bde6" -cyan = "#8bd5ca" -white = "#a5adcb" - -[[colors.indexed_colors]] -index = 16 -color = "#f5a97f" - -[[colors.indexed_colors]] -index = 17 -color = "#f4dbd6" diff --git a/.config/alacritty/themes/catppuccin-mocha.toml b/.config/alacritty/themes/catppuccin-mocha.toml index 7b752ce..672931b 100644 --- a/.config/alacritty/themes/catppuccin-mocha.toml +++ b/.config/alacritty/themes/catppuccin-mocha.toml @@ -1,6 +1,6 @@ [colors.primary] #background = "#1e1e2e" -background = "#14161b" +background = "#11111b" # crust foreground = "#cdd6f4" dim_foreground = "#7f849c" bright_foreground = "#cdd6f4" @@ -35,7 +35,7 @@ background = "#a6adc8" [colors.selection] text = "#1e1e2e" -background = "#f5e0dc" +background = "#b4befe" [colors.normal] black = "#45475a" diff --git a/.config/alacritty/themes/doom-one-dark.yml b/.config/alacritty/themes/doom-one-dark.yml deleted file mode 100644 index de3393f..0000000 --- a/.config/alacritty/themes/doom-one-dark.yml +++ /dev/null @@ -1,32 +0,0 @@ -# Doom One Dark theme, copied from DistroTube's config - -colors: - # Default colors - primary: - # background: '0x282c34' - background: '0x100b13' - foreground: '0xbbc2cf' - - # Normal colors - normal: - # black: '0x1c1f24' - black: '0x000000' - red: '0xff6c6b' - green: '0x98be65' - yellow: '0xda8548' - blue: '0x51afef' - magenta: '0xc678dd' - cyan: '0x5699af' - white: '0x202328' - - # Bright colors - bright: - # black: '0x5b6268' - black: '0x000000' - red: '0xda8548' - green: '0x4db5bd' - yellow: '0xecbe7b' - blue: '0x3071db' # This is 2257a0 in Doom Emacs but I lightened it. - magenta: '0xa9a1e1' - cyan: '0x46d9ff' - white: '0xdfdfdf' diff --git a/.config/alacritty/themes/dracula.toml b/.config/alacritty/themes/dracula.toml deleted file mode 100644 index 1afe74d..0000000 --- a/.config/alacritty/themes/dracula.toml +++ /dev/null @@ -1,57 +0,0 @@ -[colors.bright] -black = "0x4d4d4d" -blue = "0xcaa9fa" -cyan = "0x9aedfe" -green = "0x5af78e" -magenta = "0xff92d0" -red = "0xff6e67" -white = "0xe6e6e6" -yellow = "0xf4f99d" - -[colors.cursor] -cursor = "CellForeground" -text = "CellBackground" - -[colors.dim] -black = "0x14151b" -blue = "0x4d5b86" -cyan = "0x59dffc" -green = "0x1ef956" -magenta = "0xff46b0" -red = "0xff2222" -white = "0xe6e6d1" -yellow = "0xebf85b" - -[colors.line_indicator] -background = "None" -foreground = "None" - -[colors.normal] -black = "0x0e0a10" -blue = "0xbd93f9" -cyan = "0x8be9fd" -green = "0x50fa7b" -magenta = "0xff79c6" -red = "0xff5555" -white = "0xbfbfbf" -yellow = "0xf1fa8c" - -[colors.primary] -background = "0x0e0911" -foreground = "0xf8f8f2" - -[colors.search.focused_match] -background = "0xffb86c" -foreground = "0x44475a" - -[colors.search.matches] -background = "0x50fa7b" -foreground = "0x44475a" - -[colors.selection] -background = "0x44475a" -text = "CellForeground" - -[colors.vi_mode_cursor] -cursor = "CellForeground" -text = "CellBackground" diff --git a/.config/alacritty/themes/embark.toml b/.config/alacritty/themes/embark.toml deleted file mode 100644 index 209ed93..0000000 --- a/.config/alacritty/themes/embark.toml +++ /dev/null @@ -1,27 +0,0 @@ -[colors.bright] -black = "#585273" -blue = "#78a8ff" -cyan = "#63f2f1" -green = "#7fe9c3" -magenta = "#7676ff" -red = "#f02e6e" -white = "#8a889d" -yellow = "#f2b482" - -[colors.cursor] -cursor = "#a1efd3" -text = "#1e1c31" - -[colors.normal] -black = "#1e1c31" -blue = "#91ddff" -cyan = "#abf8f7" -green = "#a1efd3" -magenta = "#d4bfff" -red = "#f48fb1" -white = "#cbe3e7" -yellow = "#ffe6b3" - -[colors.primary] -background = "#1e1c31" -foreground = "#cbe3e7" diff --git a/.config/alacritty/themes/rose-pine-dawn.toml b/.config/alacritty/themes/rose-pine-dawn.toml deleted file mode 100644 index 0e0444a..0000000 --- a/.config/alacritty/themes/rose-pine-dawn.toml +++ /dev/null @@ -1,75 +0,0 @@ -# Colors section of "Alacritty - TOML configuration file format" -# https://github.com/alacritty/alacritty/blob/master/extra/man/alacritty.5.scd#colors - -[colors.primary] -foreground = "#575279" -background = "#faf4ed" -dim_foreground = "#797593" -bright_foreground = "#575279" - -[colors.cursor] -text = "#575279" -cursor = "#cecacd" - -[colors.vi_mode_cursor] -text = "#575279" -cursor = "#cecacd" - -[colors.search.matches] -foreground = "#797593" -background = "#f2e9e1" - -[colors.search.focused_match] -foreground = "#faf4ed" -background = "#d7827e" - -[colors.hints.start] -foreground = "#797593" -background = "#fffaf3" - -[colors.hints.end] -foreground = "#9893a5" -background = "#fffaf3" - -[colors.line_indicator] -foreground = "None" -background = "None" - -[colors.footer_bar] -foreground = "#575279" -background = "#fffaf3" - -[colors.selection] -text = "#575279" -background = "#dfdad9" - -[colors.normal] -black = "#f2e9e1" -red = "#b4637a" -green = "#286983" -yellow = "#ea9d34" -blue = "#56949f" -magenta = "#907aa9" -cyan = "#d7827e" -white = "#575279" - -[colors.bright] -black = "#9893a5" -red = "#b4637a" -green = "#286983" -yellow = "#ea9d34" -blue = "#56949f" -magenta = "#907aa9" -cyan = "#d7827e" -white = "#575279" - -[colors.dim] -black = "#9893a5" -red = "#b4637a" -green = "#286983" -yellow = "#ea9d34" -blue = "#56949f" -magenta = "#907aa9" -cyan = "#d7827e" -white = "#575279" - diff --git a/.config/alacritty/themes/rose-pine-moon.toml b/.config/alacritty/themes/rose-pine-moon.toml deleted file mode 100644 index 3bbfe65..0000000 --- a/.config/alacritty/themes/rose-pine-moon.toml +++ /dev/null @@ -1,75 +0,0 @@ -# Colors section of "Alacritty - TOML configuration file format" -# https://github.com/alacritty/alacritty/blob/master/extra/man/alacritty.5.scd#colors - -[colors.primary] -foreground = "#e0def4" -background = "#232136" -dim_foreground = "#908caa" -bright_foreground = "#e0def4" - -[colors.cursor] -text = "#e0def4" -cursor = "#56526e" - -[colors.vi_mode_cursor] -text = "#e0def4" -cursor = "#56526e" - -[colors.search.matches] -foreground = "#908caa" -background = "#393552" - -[colors.search.focused_match] -foreground = "#232136" -background = "#ea9a97" - -[colors.hints.start] -foreground = "#908caa" -background = "#2a273f" - -[colors.hints.end] -foreground = "#6e6a86" -background = "#2a273f" - -[colors.line_indicator] -foreground = "None" -background = "None" - -[colors.footer_bar] -foreground = "#e0def4" -background = "#2a273f" - -[colors.selection] -text = "#e0def4" -background = "#44415a" - -[colors.normal] -black = "#393552" -red = "#eb6f92" -green = "#3e8fb0" -yellow = "#f6c177" -blue = "#9ccfd8" -magenta = "#c4a7e7" -cyan = "#ea9a97" -white = "#e0def4" - -[colors.bright] -black = "#6e6a86" -red = "#eb6f92" -green = "#3e8fb0" -yellow = "#f6c177" -blue = "#9ccfd8" -magenta = "#c4a7e7" -cyan = "#ea9a97" -white = "#e0def4" - -[colors.dim] -black = "#6e6a86" -red = "#eb6f92" -green = "#3e8fb0" -yellow = "#f6c177" -blue = "#9ccfd8" -magenta = "#c4a7e7" -cyan = "#ea9a97" -white = "#e0def4" - diff --git a/.config/alacritty/themes/rose-pine.toml b/.config/alacritty/themes/rose-pine.toml deleted file mode 100644 index ff757b2..0000000 --- a/.config/alacritty/themes/rose-pine.toml +++ /dev/null @@ -1,75 +0,0 @@ -# Colors section of "Alacritty - TOML configuration file format" -# https://github.com/alacritty/alacritty/blob/master/extra/man/alacritty.5.scd#colors - -[colors.primary] -foreground = "#e0def4" -background = "#191724" -dim_foreground = "#908caa" -bright_foreground = "#e0def4" - -[colors.cursor] -text = "#e0def4" -cursor = "#524f67" - -[colors.vi_mode_cursor] -text = "#e0def4" -cursor = "#524f67" - -[colors.search.matches] -foreground = "#908caa" -background = "#26233a" - -[colors.search.focused_match] -foreground = "#191724" -background = "#ebbcba" - -[colors.hints.start] -foreground = "#908caa" -background = "#1f1d2e" - -[colors.hints.end] -foreground = "#6e6a86" -background = "#1f1d2e" - -[colors.line_indicator] -foreground = "None" -background = "None" - -[colors.footer_bar] -foreground = "#e0def4" -background = "#1f1d2e" - -[colors.selection] -text = "#e0def4" -background = "#403d52" - -[colors.normal] -black = "#26233a" -red = "#eb6f92" -green = "#31748f" -yellow = "#f6c177" -blue = "#9ccfd8" -magenta = "#c4a7e7" -cyan = "#ebbcba" -white = "#e0def4" - -[colors.bright] -black = "#6e6a86" -red = "#eb6f92" -green = "#31748f" -yellow = "#f6c177" -blue = "#9ccfd8" -magenta = "#c4a7e7" -cyan = "#ebbcba" -white = "#e0def4" - -[colors.dim] -black = "#6e6a86" -red = "#eb6f92" -green = "#31748f" -yellow = "#f6c177" -blue = "#9ccfd8" -magenta = "#c4a7e7" -cyan = "#ebbcba" -white = "#e0def4" - diff --git a/.config/alacritty/window.toml b/.config/alacritty/window.toml index f0c281d..f864c56 100644 --- a/.config/alacritty/window.toml +++ b/.config/alacritty/window.toml @@ -5,7 +5,7 @@ history = 20000 decorations = "full" dynamic_padding = false dynamic_title = true -opacity = 0.75 +opacity = 0.9 startup_mode = "Windowed" title = "Alacritty" diff --git a/.config/deadd/deadd.css b/.config/deadd/deadd.css new file mode 100644 index 0000000..9762b3d --- /dev/null +++ b/.config/deadd/deadd.css @@ -0,0 +1,140 @@ + +/* Notification center */ + +.blurredBG, #main_window, .blurredBG.low, .blurredBG.normal { + background: rgba(49, 50, 68, 0.8); +} + +.noti-center.time { + font-size: 32px; +} + +/* Notifications */ + +.notification.content { + margin-left: 15px; + margin-right: 15px; +} + +.title { + font-weight: bold; + font-size: 16px; +} + +.appname { + font-size: 12px; +} + +.time { + font-size: 12px; +} + +.blurredBG.notification { + background: rgba(30, 30, 46, 0.9); + border: 1px solid #cba6f7; +} + +.blurredBG.notification.critical { + background: rgba(235, 160, 172, 0.9); +} + +.notificationInCenter.critical { + background: rgba(155, 0, 20, 0.5); +} + +/* Labels */ + +label { + color: #cdd6f4; +} + +label.notification { + color: #cdd6f4; +} + +label.critical { + color: #11111b; +} +.notificationInCenter label.critical { + color: #11111b; +} + + +/* Buttons */ + +button { + background: transparent; + color: #322; + border-radius: 3px; + border-width: 0px; + background-position: 0px 0px; + text-shadow: none; +} + +button:hover { + border-radius: 3px; + background: rgba(0, 20, 20, 0.2); + border-width: 0px; + border-top: transparent; + border-color: #f00; + color: #fee; +} + + +/* Custom Buttons */ + +.userbutton { + background: rgba(20,0,0, 0.15); +} + +.userbuttonlabel { + color: #222; + font-size: 12px; +} + +.userbutton:hover { + background: rgba(20, 0, 0, 0.2); +} + +.userbuttonlabel:hover { + color: #111; +} + +button.buttonState1 { + background: rgba(20,0,0,0.5); +} + +.userbuttonlabel.buttonState1 { + color: #fff; +} + +button.buttonState1:hover { + background: rgba(20,0,0, 0.4); +} + +.userbuttonlabel.buttonState1:hover { + color: #111; +} + +button.buttonState2 { + background: rgba(255,255,255,0.3); +} + +.userbuttonlabel.buttonState2 { + color: #111; +} + +button.buttonState2:hover { + background: rgba(20,0,0, 0.3); +} + +.userbuttonlabel.buttonState2:hover { + color: #000; +} + + +/* Images */ + +image.deadd-noti-center.notification.image { + margin-left: 20px; +} diff --git a/.config/deadd/deadd.yml b/.config/deadd/deadd.yml new file mode 100644 index 0000000..40e155a --- /dev/null +++ b/.config/deadd/deadd.yml @@ -0,0 +1,263 @@ +### Margins for notification-center/notifications +margin-top: 0 +margin-right: 0 + +### Margins for notification-center +margin-bottom: 0 + +### Width of the notification center/notifications in pixels. +width: 500 + +### Command to run at startup. This can be used to setup +### button states. +# startup-command: deadd-notification-center-startup + +### Monitor on which the notification center/notifications will be +### printed. If "follow-mouse" is set true, this does nothing. +monitor: 0 + +### If true, the notification center/notifications will open on the +### screen, on which the mouse is. Overrides the "monitor" setting. +follow-mouse: false + +notification-center: + ### Margin at the top/right/bottom of the notification center in + ### pixels. This can be used to avoid overlap between the notification + ### center and bars such as polybar or i3blocks. + # margin-top: 0 + # margin-right: 0 + # margin-bottom: 0 + + ### Width of the notification center in pixels. + # width: 500 + + ### Monitor on which the notification center will be printed. If + ### "follow-mouse" is set true, this does nothing. + # monitor: 0 + + ### If true, the notification center will open on the screen, on which + ### the mouse is. Overrides the "monitor" setting. + # follow-mouse: false + + ### Notification center closes when the mouse leaves it + hide-on-mouse-leave: true + + ### If newFirst is set to true, newest notifications appear on the top + ### of the notification center. Else, notifications stack, from top to + ### bottom. + new-first: true + + ### If true, the transient field in notifications will be ignored, + ### thus the notification will be persisted in the notification + ### center anyways + ignore-transient: false + + ### Custom buttons in notification center + buttons: + ### Numbers of buttons that can be drawn on a row of the notification + ### center. + # buttons-per-row: 5 + + ### Height of buttons in the notification center (in pixels). + # buttons-height: 60 + + ### Horizontal and vertical margin between each button in the + ### notification center (in pixels). + # buttons-margin: 2 + + ### Button actions and labels. For each button you must specify a + ### label and a command. + actions: + # - label: VPN + # command: "sudo vpnToggle" + # - label: Bluetooth + # command: bluetoothToggle + # - label: Wifi + # command: wifiToggle + # - label: Screensaver + # command: screensaverToggle + # - label: Keyboard + # command: keyboardToggle + +notification: + ### If true, markup (<u>, <i>, <b>, <a>) will be displayed properly + use-markup: true + + ### If true, html entities (& for &, % for %, etc) will be + ### parsed properly. This is useful for chromium-based apps, which + ### tend to send these in notifications. + parse-html-entities: true + + dbus: + + ### If noti-closed messages are enabled, the sending application + ### will know that a notification was closed/timed out. This can + ### be an issue for certain applications, that overwrite + ### notifications on status updates (e.g. Spotify on each + ### song). When one of these applications thinks, the notification + ### has been closed/timed out, they will not overwrite existing + ### notifications but send new ones. This can lead to redundant + ### notifications in the notification center, as the close-message + ### is send regardless of the notification being persisted. + send-noti-closed: false + + app-icon: + + ### If set to true: If no icon is passed by the app_icon parameter + ### and no application "desktop-entry"-hint is present, deadd will + ### try to guess the icon from the application name (if present). + guess-icon-from-name: true + + ### The display size of the application icons in the notification + ### pop-ups and in the notification center + icon-size: 20 + + image: + + ### The maximal display size of images that are part of + ### notifications for notification pop-ups and in the notification + ### center + size: 100 + + ### The margin around the top, bottom, left, and right of + ### notification images. + margin-top: 15 + margin-bottom: 15 + margin-left: 15 + margin-right: 0 + + ### Apply modifications to certain notifications: + ### Each modification rule needs a "match" and either a "modify" or + ### a "script" entry. + modifications: + ### Match: + ### Matches the notifications against these rules. If all of the + ### values (of one modification rule) match, the "modify"/"script" + ### part is applied. + # - match: + ### Possible match criteria: + # title: "Notification title" + # body: "Notification body" + # time: "12:44" + # app-name: "App name" + # urgency: "low" # "low", "normal" or "critical" + + # modify: + ### Possible modifications + # title: "abc" + # body: "abc" + # app-name: "abc" + # app-icon: "file:///abc.png" + ### The timeout has three special values: + ### timeout: 0 -> don't time out at all + ### timeout: -1 -> use default timeout + ### timeout: 1 -> don't show as pop-up + ### timeout: >1 -> milliseconds until timeout + # timeout: 1 + # margin-right: 10 + # margin-top: 10 + # image: "file:///abc.png" + # image-size: 10 + # transient: true + # send-noti-closed: false + ### Remove action buttons from notifications + # remove-actions: true + ### Set the action-icons hint to true, action labels will then + ### be intergreted as GTK icon names + # action-icons: true + ### List of actions, where the even elements (0, 2, ...) are the + ### action name and the odd elements are the label + # actions: + # - previous + # - media-skip-backward + # - play + # - media-playback-start + # - next + # - media-skip-forward + ### Action commands, where the keys (e.g. "play") is the action + ### name and the value is a program call that should be executed + ### on action. Prevents sending of the action to the application. + # action-commands: + # play: playerctl play-pause + # previous: playerctl previous + # next: playerctl next + + ### Add a class-name to the notification container, that can be + ### used for specific styling of notifications using the + ### deadd.css file + # class-name: "abc" + + # - match: + # app-name: "Chromium" + + ### Instead of modifying a notification directly, a script can be + ### run, which will receive the notification as JSON on STDIN. It + ### is expected to return JSON/YAML configuration that defines the + ### modifications that should be applied. Minimum complete return + ### value must be '{"modify": {}, "match": {}}'. Always leave the "match" + ### object empty (technical reasons, i.e. I am lazy). + # script: "linux-notification-center-parse-chromium" + - match: + app-name: "Spotify" + modify: + image-size: 80 + timeout: 1 + send-noti-closed: true + class-name: "Spotify" + action-icons: true + actions: + - previous + - media-skip-backward + - play + - media-playback-start + - next + - media-skip-forward + action-commands: + play: playerctl play-pause + previous: playerctl previous + next: playerctl next + + # - match: + # title: Bildschirmhelligkeit + # modify: + # image-size: 60 + popup: + + ### Default timeout used for notifications in milli-seconds. This can + ### be overwritten with the "-t" option (or "--expire-time") of the + ### notify-send command. + default-timeout: 10000 + + ### Margin above/right/between notifications (in pixels). This can + ### be used to avoid overlap between notifications and a bar such as + ### polybar or i3blocks. + margin-top: 50 + margin-right: 50 + margin-between: 20 + + ### Defines after how many lines of text the body will be truncated. + ### Use 0 if you want to disable truncation. + max-lines-in-body: 3 + + ### Determines whether the GTK widget that displays the notification body + ### in the notification popup will be hidden when empty. This is especially + ### useful for transient notifications that display a progress bar. + # hide-body-if-empty: false + + ### Monitor on which the notifications will be + ### printed. If "follow-mouse" is set true, this does nothing. + # monitor: 0 + + ### If true, the notifications will open on the + ### screen, on which the mouse is. Overrides the "monitor" setting. + # follow-mouse: false + + click-behavior: + + ### The mouse button for dismissing a popup. Must be either "mouse1", + ### "mouse2", "mouse3", "mouse4", or "mouse5" + dismiss: mouse1 + + ### The mouse button for opening a popup with the default action. + ### Must be either "mouse1", "mouse2", "mouse3", "mouse4", or "mouse5" + default-action: mouse3 diff --git a/.config/fish/conf.d/rustup.fish b/.config/fish/conf.d/rustup.fish deleted file mode 100644 index e4cb363..0000000 --- a/.config/fish/conf.d/rustup.fish +++ /dev/null @@ -1 +0,0 @@ -source "$HOME/.cargo/env.fish" diff --git a/.config/fish/fish_plugins b/.config/fish/fish_plugins new file mode 100644 index 0000000..797cf45 --- /dev/null +++ b/.config/fish/fish_plugins @@ -0,0 +1 @@ +catppuccin/fish diff --git a/.config/fish/fish_variables b/.config/fish/fish_variables index 73ea245..f66dbfa 100644 --- a/.config/fish/fish_variables +++ b/.config/fish/fish_variables @@ -1,32 +1,46 @@ # This file contains fish universal variable definitions. # VERSION: 3.0 SETUVAR __fish_initialized:3800 -SETUVAR fish_color_autosuggestion:brblack -SETUVAR fish_color_cancel:\x2dr -SETUVAR fish_color_command:blue -SETUVAR fish_color_comment:red -SETUVAR fish_color_cwd:green +SETUVAR _fisher_catppuccin_2F_fish_files:\x7e/\x2econfig/fish/themes/Catppuccin\x20Frappe\x2etheme\x1e\x7e/\x2econfig/fish/themes/Catppuccin\x20Latte\x2etheme\x1e\x7e/\x2econfig/fish/themes/Catppuccin\x20Macchiato\x2etheme\x1e\x7e/\x2econfig/fish/themes/Catppuccin\x20Mocha\x2etheme +SETUVAR _fisher_plugins:catppuccin/fish +SETUVAR _fisher_upgraded_to_4_4:\x1d +SETUVAR fish_color_autosuggestion:6c7086 +SETUVAR fish_color_cancel:f38ba8 +SETUVAR fish_color_command:89b4fa +SETUVAR fish_color_comment:7f849c +SETUVAR fish_color_cwd:f9e2af SETUVAR fish_color_cwd_root:red -SETUVAR fish_color_end:green -SETUVAR fish_color_error:brred -SETUVAR fish_color_escape:brcyan +SETUVAR fish_color_end:fab387 +SETUVAR fish_color_error:f38ba8 +SETUVAR fish_color_escape:eba0ac +SETUVAR fish_color_gray:6c7086 SETUVAR fish_color_history_current:\x2d\x2dbold -SETUVAR fish_color_host:normal -SETUVAR fish_color_host_remote:yellow -SETUVAR fish_color_normal:normal -SETUVAR fish_color_operator:brcyan -SETUVAR fish_color_param:cyan -SETUVAR fish_color_quote:yellow -SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold -SETUVAR fish_color_search_match:white\x1e\x2d\x2dbackground\x3dbrblack -SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack -SETUVAR fish_color_status:red -SETUVAR fish_color_user:brgreen +SETUVAR fish_color_host:89b4fa +SETUVAR fish_color_host_remote:a6e3a1 +SETUVAR fish_color_keyword:f38ba8 +SETUVAR fish_color_normal:cdd6f4 +SETUVAR fish_color_operator:f5c2e7 +SETUVAR fish_color_option:a6e3a1 +SETUVAR fish_color_param:f2cdcd +SETUVAR fish_color_quote:a6e3a1 +SETUVAR fish_color_redirection:f5c2e7 +SETUVAR fish_color_search_match:\x2d\x2dbackground\x3d313244 +SETUVAR fish_color_selection:\x2d\x2dbackground\x3d313244 +SETUVAR fish_color_status:f38ba8 +SETUVAR fish_color_user:94e2d5 SETUVAR fish_color_valid_path:\x2d\x2dunderline SETUVAR fish_key_bindings:fish_vi_key_bindings -SETUVAR fish_pager_color_completion:normal -SETUVAR fish_pager_color_description:yellow\x1e\x2di -SETUVAR fish_pager_color_prefix:normal\x1e\x2d\x2dbold\x1e\x2d\x2dunderline -SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan -SETUVAR fish_pager_color_selected_background:\x2dr -SETUVAR fish_user_paths:/home/vidhukant/\x2ecargo/bin\x1e/home/vidhukant/\x2egopath/bin\x1e/home/vidhukant/\x2econfig/emacs/bin\x1e/usr/local/bin\x1e/home/vidhukant/\x2elocal/bin\x1e/home/vidhukant/\x2escripts +SETUVAR fish_pager_color_background:\x1d +SETUVAR fish_pager_color_completion:cdd6f4 +SETUVAR fish_pager_color_description:6c7086 +SETUVAR fish_pager_color_prefix:f5c2e7 +SETUVAR fish_pager_color_progress:6c7086 +SETUVAR fish_pager_color_secondary_background:\x1d +SETUVAR fish_pager_color_secondary_completion:\x1d +SETUVAR fish_pager_color_secondary_description:\x1d +SETUVAR fish_pager_color_secondary_prefix:\x1d +SETUVAR fish_pager_color_selected_background:\x1d +SETUVAR fish_pager_color_selected_completion:\x1d +SETUVAR fish_pager_color_selected_description:\x1d +SETUVAR fish_pager_color_selected_prefix:\x1d +SETUVAR fish_user_paths:/home/vidhukant/\x2ecargo/bin\x1e/usr/local/bin\x1e/home/vidhukant/\x2elocal/bin\x1e/home/vidhukant/\x2escripts diff --git a/.config/fish/themes/Catppuccin Frappe.theme b/.config/fish/themes/Catppuccin Frappe.theme new file mode 100644 index 0000000..b4c1994 --- /dev/null +++ b/.config/fish/themes/Catppuccin Frappe.theme @@ -0,0 +1,30 @@ +# name: 'Catppuccin Frappé' +# url: 'https://github.com/catppuccin/fish' +# preferred_background: 303446 + +fish_color_normal c6d0f5 +fish_color_command 8caaee +fish_color_param eebebe +fish_color_keyword e78284 +fish_color_quote a6d189 +fish_color_redirection f4b8e4 +fish_color_end ef9f76 +fish_color_comment 838ba7 +fish_color_error e78284 +fish_color_gray 737994 +fish_color_selection --background=414559 +fish_color_search_match --background=414559 +fish_color_option a6d189 +fish_color_operator f4b8e4 +fish_color_escape ea999c +fish_color_autosuggestion 737994 +fish_color_cancel e78284 +fish_color_cwd e5c890 +fish_color_user 81c8be +fish_color_host 8caaee +fish_color_host_remote a6d189 +fish_color_status e78284 +fish_pager_color_progress 737994 +fish_pager_color_prefix f4b8e4 +fish_pager_color_completion c6d0f5 +fish_pager_color_description 737994
\ No newline at end of file diff --git a/.config/fish/themes/Catppuccin Latte.theme b/.config/fish/themes/Catppuccin Latte.theme new file mode 100644 index 0000000..002dace --- /dev/null +++ b/.config/fish/themes/Catppuccin Latte.theme @@ -0,0 +1,30 @@ +# name: 'Catppuccin Latte' +# url: 'https://github.com/catppuccin/fish' +# preferred_background: eff1f5 + +fish_color_normal 4c4f69 +fish_color_command 1e66f5 +fish_color_param dd7878 +fish_color_keyword d20f39 +fish_color_quote 40a02b +fish_color_redirection ea76cb +fish_color_end fe640b +fish_color_comment 8c8fa1 +fish_color_error d20f39 +fish_color_gray 9ca0b0 +fish_color_selection --background=ccd0da +fish_color_search_match --background=ccd0da +fish_color_option 40a02b +fish_color_operator ea76cb +fish_color_escape e64553 +fish_color_autosuggestion 9ca0b0 +fish_color_cancel d20f39 +fish_color_cwd df8e1d +fish_color_user 179299 +fish_color_host 1e66f5 +fish_color_host_remote 40a02b +fish_color_status d20f39 +fish_pager_color_progress 9ca0b0 +fish_pager_color_prefix ea76cb +fish_pager_color_completion 4c4f69 +fish_pager_color_description 9ca0b0
\ No newline at end of file diff --git a/.config/fish/themes/Catppuccin Macchiato.theme b/.config/fish/themes/Catppuccin Macchiato.theme new file mode 100644 index 0000000..c8be912 --- /dev/null +++ b/.config/fish/themes/Catppuccin Macchiato.theme @@ -0,0 +1,30 @@ +# name: 'Catppuccin Macchiato' +# url: 'https://github.com/catppuccin/fish' +# preferred_background: 24273a + +fish_color_normal cad3f5 +fish_color_command 8aadf4 +fish_color_param f0c6c6 +fish_color_keyword ed8796 +fish_color_quote a6da95 +fish_color_redirection f5bde6 +fish_color_end f5a97f +fish_color_comment 8087a2 +fish_color_error ed8796 +fish_color_gray 6e738d +fish_color_selection --background=363a4f +fish_color_search_match --background=363a4f +fish_color_option a6da95 +fish_color_operator f5bde6 +fish_color_escape ee99a0 +fish_color_autosuggestion 6e738d +fish_color_cancel ed8796 +fish_color_cwd eed49f +fish_color_user 8bd5ca +fish_color_host 8aadf4 +fish_color_host_remote a6da95 +fish_color_status ed8796 +fish_pager_color_progress 6e738d +fish_pager_color_prefix f5bde6 +fish_pager_color_completion cad3f5 +fish_pager_color_description 6e738d
\ No newline at end of file diff --git a/.config/fish/themes/Catppuccin Mocha.theme b/.config/fish/themes/Catppuccin Mocha.theme new file mode 100644 index 0000000..892a000 --- /dev/null +++ b/.config/fish/themes/Catppuccin Mocha.theme @@ -0,0 +1,30 @@ +# name: 'Catppuccin Mocha' +# url: 'https://github.com/catppuccin/fish' +# preferred_background: 1e1e2e + +fish_color_normal cdd6f4 +fish_color_command 89b4fa +fish_color_param f2cdcd +fish_color_keyword f38ba8 +fish_color_quote a6e3a1 +fish_color_redirection f5c2e7 +fish_color_end fab387 +fish_color_comment 7f849c +fish_color_error f38ba8 +fish_color_gray 6c7086 +fish_color_selection --background=313244 +fish_color_search_match --background=313244 +fish_color_option a6e3a1 +fish_color_operator f5c2e7 +fish_color_escape eba0ac +fish_color_autosuggestion 6c7086 +fish_color_cancel f38ba8 +fish_color_cwd f9e2af +fish_color_user 94e2d5 +fish_color_host 89b4fa +fish_color_host_remote a6e3a1 +fish_color_status f38ba8 +fish_pager_color_progress 6c7086 +fish_pager_color_prefix f5c2e7 +fish_pager_color_completion cdd6f4 +fish_pager_color_description 6c7086
\ No newline at end of file diff --git a/.config/flameshot/flameshot.ini b/.config/flameshot/flameshot.ini new file mode 100644 index 0000000..cc59bfe --- /dev/null +++ b/.config/flameshot/flameshot.ini @@ -0,0 +1,7 @@ +[General] +contrastOpacity=178 +contrastUiColor=#11111b +copyPathAfterSave=true +drawColor=#cba6f7 +saveLastRegion=true +uiColor=#cba6f7 diff --git a/.config/gtk-3.0/settings.ini b/.config/gtk-3.0/settings.ini new file mode 100644 index 0000000..5e47cd0 --- /dev/null +++ b/.config/gtk-3.0/settings.ini @@ -0,0 +1,3 @@ +[Settings] +gtk-theme-name=Catppuccin-Mocha-Standard-Mauve-Dark +gtk-application-prefer-dark-theme=true diff --git a/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg4" + sodipodi:docname="checkbox-checked-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:snap-global="false" + inkscape:zoom="14.916666" + inkscape:cx="7.9776538" + inkscape:cy="5.1620113" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z" + sodipodi:nodetypes="cscscscscsccccsccccc" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg4" + sodipodi:docname="checkbox-checked-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:snap-global="false" + inkscape:zoom="7.458333" + inkscape:cx="-8.9832406" + inkscape:cy="11.061453" + inkscape:window-width="1920" + inkscape:window-height="1011" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z" + sodipodi:nodetypes="cscscscscsccccsccccc" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/.config/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg4" + sodipodi:docname="checkbox-mixed-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="10.547676" + inkscape:cx="0.094807614" + inkscape:cy="19.340753" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" + width="20px"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 5.5,10 h 9 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 h -9 C 5.223,11 5,10.777 5,10.5 5,10.223 5.223,10 5.5,10 Z" + sodipodi:nodetypes="sssssss" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg4" + sodipodi:docname="checkbox-mixed-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="10.547676" + inkscape:cx="0" + inkscape:cy="19.29335" + inkscape:window-width="1920" + inkscape:window-height="1011" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" + width="20px"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 11,20 h 18 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 11 c -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z" + sodipodi:nodetypes="sssssss" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/close-symbolic.svg b/.config/gtk-4.0/assets/scalable/close-symbolic.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/close-symbolic.svg @@ -0,0 +1,38 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + viewBox="0 0 16 16" + version="1.1" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" + sodipodi:docname="close.svg" + id="svg824" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs5" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#424242" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="11.5625" + inkscape:cx="7.3513514" + inkscape:cy="13.837838" + inkscape:window-width="1440" + inkscape:window-height="742" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg824" /> + <path + d="m 4.464745,3.96488 c -0.12775,0 -0.2555,0.0486 -0.35339,0.14649 -0.19578,0.19586 -0.19578,0.51116 0,0.70703 L 7.292955,8 l -3.1816,3.1816 c -0.19578,0.19586 -0.19578,0.51116 0,0.70703 0.19578,0.19586 0.51118,0.19586 0.70704,0 l 3.18161,-3.1816 3.1816,3.1816 c 0.19578,0.19586 0.51114,0.19586 0.70704,0 0.19578,-0.19586 0.19578,-0.51116 0,-0.70703 L 8.707045,8 l 3.1816,-3.1816 c 0.19578,-0.19586 0.19578,-0.51116 0,-0.70703 -0.19578,-0.19586 -0.51117,-0.19586 -0.70704,0 l -3.1816,3.1816 -3.18161,-3.1816 C 4.720495,4.01347 4.592755,3.96488 4.465005,3.96488 Z" + id="path2928" + style="fill:#ffffff" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/close-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/close-symbolic@2.svg new file mode 100644 index 0000000..a26e6ff --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/close-symbolic@2.svg @@ -0,0 +1,3 @@ +<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> + <path d="m8.9295 7.9298c-0.2555 0-0.511 0.0972-0.70678 0.29298-0.39156 0.39172-0.39156 1.0223 0 1.4141l6.3632 6.3632-6.3632 6.3632c-0.39156 0.39172-0.39156 1.0223 0 1.4141 0.39156 0.39172 1.0224 0.39172 1.4141 0l6.3632-6.3632 6.3632 6.3632c0.39156 0.39172 1.0223 0.39172 1.4141 0 0.39156-0.39172 0.39156-1.0223 0-1.4141l-6.3632-6.3632 6.3632-6.3632c0.39156-0.39172 0.39156-1.0223 0-1.4141-0.39156-0.39172-1.0223-0.39172-1.4141 0l-6.3632 6.3632-6.3632-6.3632c-0.1958-0.1958-0.45128-0.29298-0.70678-0.29298z" fill="#ffffff" stroke-width="2"/> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> + <path d="M0 0h12A12 12 0 1 1 0 12z"/> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/maximize-symbolic.svg b/.config/gtk-4.0/assets/scalable/maximize-symbolic.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/maximize-symbolic.svg @@ -0,0 +1,38 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + viewBox="0 0 16 16" + version="1.1" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" + sodipodi:docname="maximize.svg" + id="svg825" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs5" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#424242" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="23.125" + inkscape:cx="11.243243" + inkscape:cy="11.978378" + inkscape:window-width="1440" + inkscape:window-height="742" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg825" /> + <path + d="M 6,4 C 4.892,4 4,4.892 4,6 v 4 c 0,1.108 0.89201,2 2,2 h 4 c 1.10801,0 2,-0.892 2,-2 V 6 C 12,4.892 11.10799,4 10,4 Z m 0,1 h 4 c 0.554,0 1,0.44602 1,1 v 4 c 0,0.55398 -0.44602,1 -1,1 H 6 C 5.44603,11 5.00001,10.55398 5.00001,10 V 6 C 5.00001,5.44602 5.44604,5 6,5 Z" + id="path2930" + style="fill:#ffffff" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/maximize-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/maximize-symbolic@2.svg new file mode 100644 index 0000000..8095f75 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/maximize-symbolic@2.svg @@ -0,0 +1,3 @@ +<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 8c-2.216 0-4 1.784-4 4v8c0 2.216 1.784 4 4 4h8c2.216 0 4-1.784 4-4v-8c0-2.216-1.784-4-4-4zm0 2h8c1.108 0 2 0.89204 2 2v8c0 1.108-0.89204 2-2 2h-8c-1.1079 0-2-0.89204-2-2v-8c0-1.108 0.89206-2 2-2z" fill="#ffffff" stroke-width="2"/> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/minimize-symbolic.svg b/.config/gtk-4.0/assets/scalable/minimize-symbolic.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/minimize-symbolic.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + viewBox="0 0 16 16" + version="1.1" + id="svg4" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" + sodipodi:docname="minimize.svg" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs5" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#424242" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="23.125" + inkscape:cx="5.7513514" + inkscape:cy="9.8162162" + inkscape:window-width="1440" + inkscape:window-height="742" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <rect + x="4" + y="8" + width="8" + height="1" + rx="0.5" + ry="0.5" + id="rect2932" + style="fill:#ffffff" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/minimize-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/minimize-symbolic@2.svg new file mode 100644 index 0000000..741534b --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/minimize-symbolic@2.svg @@ -0,0 +1,3 @@ +<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> + <rect x="8" y="15" width="16" height="2" rx="1" ry="1" fill="#ffffff" stroke-width="2"/> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg4" + sodipodi:docname="radio-checked-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="29.833333" + inkscape:cx="9.6201118" + inkscape:cy="12" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 10,8 c 1.104569,0 2,0.895431 2,2 0,1.104569 -0.895431,2 -2,2 C 8.895431,12 8,11.104569 8,10 8,8.895431 8.895431,8 10,8 Z" + sodipodi:nodetypes="sssss" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg4" + sodipodi:docname="radio-checked-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="3.7291666" + inkscape:cx="-8.3128492" + inkscape:cy="25.877095" + inkscape:window-width="1920" + inkscape:window-height="1011" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 20,16 c 2.209138,0 4,1.790862 4,4 0,2.209138 -1.790862,4 -4,4 -2.209138,0 -4,-1.790862 -4,-4 0,-2.209138 1.790862,-4 4,-4 z" + sodipodi:nodetypes="sssss" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/.config/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="20" + height="20" + version="1.1" + viewBox="0 0 20 20" + id="svg4" + sodipodi:docname="checkbox-mixed-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="10.547676" + inkscape:cx="0.094807614" + inkscape:cy="19.340753" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" + width="20px"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 5.5,10 h 9 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 h -9 C 5.223,11 5,10.777 5,10.5 5,10.223 5.223,10 5.5,10 Z" + sodipodi:nodetypes="sssssss" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="40" + version="1.1" + viewBox="0 0 40 40" + id="svg4" + sodipodi:docname="checkbox-mixed-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="10.547676" + inkscape:cx="0" + inkscape:cy="19.29335" + inkscape:window-width="1920" + inkscape:window-height="1011" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" + width="20px"> + <inkscape:grid + type="xygrid" + id="grid825" /> + </sodipodi:namedview> + <path + id="path2" + d="m 11,20 h 18 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 11 c -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z" + sodipodi:nodetypes="sssssss" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/.config/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + version="1.1" + viewBox="0 0 24 24" + id="svg17" + sodipodi:docname="scale-horz-marks-after-slider-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview19" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="29.833333" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17" /> + <defs + id="defs6"> + <linearGradient + id="color-primary-dark"> + <stop + stop-color="#1A73E8" + offset="1" + id="stop2" /> + </linearGradient> + <linearGradient + id="a" + x1="-3.5527e-15" + x2="24" + gradientUnits="userSpaceOnUse" + xlink:href="#color-primary-dark" /> + </defs> + <path + d="m 12,20.485281 -4.2426407,-4.24264 a 6,6 0 1 1 8.4852817,0 z" + fill="#000000" + id="path10" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/.config/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + version="1.1" + viewBox="0 0 24 24" + id="svg12" + sodipodi:docname="scale-horz-marks-before-slider-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview14" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="14.916667" + inkscape:cx="3.2178771" + inkscape:cy="15.821229" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg12" /> + <defs + id="defs5"> + <linearGradient + id="a" + x2="24" + gradientUnits="userSpaceOnUse"> + <stop + stop-color="#1A73E8" + offset="1" + id="stop2" /> + </linearGradient> + </defs> + <path + d="m 12,3.5147186 4.242641,4.2426407 a 6,6 0 1 1 -8.4852817,0 z" + id="path9" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/.config/gtk-4.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..4b00bc1 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,11 @@ +<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> + <defs> + <linearGradient id="a" x2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#1A73E8" offset="1"/> + </linearGradient> + </defs> + <g id="scale-slider"> + <rect width="24" height="24" fill="none"/> + <circle cx="12" cy="12" r="6"/> + </g> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/.config/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + version="1.1" + viewBox="0 0 24 24" + id="svg17" + sodipodi:docname="scale-vert-marks-after-slider-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview19" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="29.833333" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17" /> + <defs + id="defs6"> + <linearGradient + id="color-primary-dark"> + <stop + stop-color="#1A73E8" + offset="1" + id="stop2" /> + </linearGradient> + <linearGradient + id="a" + x2="24" + gradientUnits="userSpaceOnUse" + xlink:href="#color-primary-dark" /> + </defs> + <path + d="m 20.485281,12 -4.24264,4.242641 a 6,6 0 1 1 0,-8.4852817 z" + fill="#000000" + id="path10" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/.config/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + version="1.1" + viewBox="0 0 24 24" + id="svg17" + sodipodi:docname="scale-vert-marks-before-slider-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview19" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="29.833333" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg17" /> + <defs + id="defs6"> + <linearGradient + id="color-primary-dark"> + <stop + stop-color="#1A73E8" + offset="1" + id="stop2" /> + </linearGradient> + <linearGradient + id="a" + x1="-2.6324e-15" + x2="24" + y1="-3.5527e-15" + y2="-3.5527e-15" + gradientUnits="userSpaceOnUse" + xlink:href="#color-primary-dark" /> + </defs> + <path + d="M 3.5147186,12 7.7573593,7.7573593 a 6,6 0 1 1 0,8.4852817 z" + fill="#000000" + id="path10" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg4" + sodipodi:docname="small-checkbox-checked-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:snap-global="false" + inkscape:zoom="15.821514" + inkscape:cx="10.176017" + inkscape:cy="9.0383259" + inkscape:window-width="1486" + inkscape:window-height="974" + inkscape:window-x="128" + inkscape:window-y="69" + inkscape:window-maximized="0" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid1068" /> + </sodipodi:namedview> + <path + id="path2" + d="m 11.943359,5.4550781 c 0.12781,0 0.255582,0.04855 0.353516,0.1464844 0.195869,0.1958686 0.195869,0.5111627 0,0.7070313 L 7.3457031,11.257812 c -0.1958686,0.19587 -0.5111626,0.19587 -0.7070312,0 L 3.8105469,8.4296875 c -0.1958686,-0.1958686 -0.1958686,-0.5111627 0,-0.7070313 0.1958686,-0.1958685 0.5111626,-0.1958685 0.7070312,0 L 6.9921875,10.197266 11.587891,5.6015625 c 0.09793,-0.097934 0.227659,-0.1464844 0.355468,-0.1464844 z" + sodipodi:nodetypes="sscccsssccs" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg4" + sodipodi:docname="small-checkbox-checked-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:snap-global="false" + inkscape:zoom="7.910757" + inkscape:cx="17.191781" + inkscape:cy="29.074335" + inkscape:window-width="1486" + inkscape:window-height="974" + inkscape:window-x="128" + inkscape:window-y="69" + inkscape:window-maximized="0" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid1068" /> + </sodipodi:namedview> + <path + id="path2" + d="m 23.886718,10.910156 c 0.25562,0 0.511164,0.0971 0.707032,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414063 l -9.902344,9.898436 c -0.391737,0.39174 -1.022325,0.39174 -1.414062,0 L 7.6210938,16.859375 c -0.3917372,-0.391737 -0.3917372,-1.022325 0,-1.414063 0.3917372,-0.391737 1.0223252,-0.391737 1.4140624,0 l 4.9492188,4.94922 9.191407,-9.191407 c 0.19586,-0.195868 0.455318,-0.292969 0.710936,-0.292969 z" + sodipodi:nodetypes="sscccsssccs" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/.config/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg4" + sodipodi:docname="small-checkbox-mixed-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="22.375" + inkscape:cx="7.150838" + inkscape:cy="13.810056" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid967" /> + </sodipodi:namedview> + <path + id="path2" + d="m 4.5,8 h 7 C 11.777,8 12,8.223 12,8.5 12,8.777 11.777,9 11.5,9 h -7 C 4.223,9 4,8.777 4,8.5 4,8.223 4.223,8 4.5,8 Z" + sodipodi:nodetypes="sssssss" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg4" + sodipodi:docname="small-checkbox-mixed-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="11.1875" + inkscape:cx="5.5418994" + inkscape:cy="19.843575" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid967" /> + </sodipodi:namedview> + <path + id="path2" + d="m 9,16 h 14 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 9 C 8.446,18 8,17.554 8,17 8,16.446 8.446,16 9,16 Z" + sodipodi:nodetypes="sssssss" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg4" + sodipodi:docname="small-radio-checked-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="22.375" + inkscape:cx="8.5363128" + inkscape:cy="11.486034" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + id="path2" + d="m 8,6 c 1.1045695,0 2,0.8954305 2,2 0,1.1045695 -0.8954305,2 -2,2 C 6.8954305,10 6,9.1045695 6,8 6,6.8954305 6.8954305,6 8,6 Z" + sodipodi:nodetypes="sssss" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg4" + sodipodi:docname="small-radio-checked-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="22.375" + inkscape:cx="8.5363128" + inkscape:cy="11.486034" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + id="path2" + d="m 16,12 c 2.209139,0 4,1.790861 4,4 0,2.209139 -1.790861,4 -4,4 -2.209139,0 -4,-1.790861 -4,-4 0,-2.209139 1.790861,-4 4,-4 z" + sodipodi:nodetypes="sssss" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/.config/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + version="1.1" + viewBox="0 0 16 16" + id="svg4" + sodipodi:docname="small-checkbox-mixed-symbolic.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="22.375" + inkscape:cx="7.150838" + inkscape:cy="13.810056" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid967" /> + </sodipodi:namedview> + <path + id="path2" + d="m 4.5,8 h 7 C 11.777,8 12,8.223 12,8.5 12,8.777 11.777,9 11.5,9 h -7 C 4.223,9 4,8.777 4,8.5 4,8.223 4.223,8 4.5,8 Z" + sodipodi:nodetypes="sssssss" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="32" + height="32" + version="1.1" + viewBox="0 0 32 32" + id="svg4" + sodipodi:docname="small-checkbox-mixed-symbolic@2.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="11.1875" + inkscape:cx="5.5418994" + inkscape:cy="19.843575" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4"> + <inkscape:grid + type="xygrid" + id="grid967" /> + </sodipodi:namedview> + <path + id="path2" + d="m 9,16 h 14 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 9 C 8.446,18 8,17.554 8,17 8,16.446 8.446,16 9,16 Z" + sodipodi:nodetypes="sssssss" + style="stroke-width:2" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/unmaximize-symbolic.svg b/.config/gtk-4.0/assets/scalable/unmaximize-symbolic.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/unmaximize-symbolic.svg @@ -0,0 +1,46 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="16" + viewBox="0 0 16 16" + version="1.1" + sodipodi:docname="unmaximize.svg" + inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" + id="svg831" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs6" /> + <sodipodi:namedview + pagecolor="#424242" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1440" + inkscape:window-height="742" + id="namedview6" + showgrid="true" + inkscape:zoom="29.580633" + inkscape:cx="2.095966" + inkscape:cy="10.006547" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:pagecheckerboard="0" + inkscape:current-layer="svg831" /> + <path + d="M 6,6 C 4.892,6 4,6.892 4,8 v 2 c 0,1.108 0.892,2 2,2 h 2 c 1.108,0 2,-0.892 2,-2 V 8 C 10,6.892 9.108,6 8,6 Z m 0,1 h 2 c 0.554,0 1,0.446 1,1 v 2 c 0,0.554 -0.446,1 -1,1 H 6 C 5.446,11 5,10.554 5,10 V 8 C 5,7.446 5.446,7 6,7 Z" + id="path2896" + style="fill:#ffffff" /> + <path + d="M 8,4 C 6.892,4 6,4.892 6,6 H 7 C 7,5.446 7.446,5 8,5 h 2 c 0.554,0 1,0.446 1,1 v 2 c 0,0.554 -0.446,1 -1,1 v 1 c 1.108,0 2,-0.892 2,-2 V 6 C 12,4.892 11.108,4 10,4 Z" + opacity="0.35" + id="path2898" + style="fill:#ffffff" /> +</svg> diff --git a/.config/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg b/.config/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg new file mode 100644 index 0000000..85f4f3a --- /dev/null +++ b/.config/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg @@ -0,0 +1,4 @@ +<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> + <path d="m12 12c-2.216 0-4 1.784-4 4v4c0 2.216 1.784 4 4 4h4c2.216 0 4-1.784 4-4v-4c0-2.216-1.784-4-4-4zm0 2h4c1.108 0 2 0.892 2 2v4c0 1.108-0.892 2-2 2h-4c-1.108 0-2-0.892-2-2v-4c0-1.108 0.892-2 2-2z" fill="#ffffff" stroke-width="2"/> + <path d="m16 8c-2.216 0-4 1.784-4 4h2c0-1.108 0.892-2 2-2h4c1.108 0 2 0.892 2 2v4c0 1.108-0.892 2-2 2v2c2.216 0 4-1.784 4-4v-4c0-2.216-1.784-4-4-4z" fill="#ffffff" opacity=".35" stroke-width="2"/> +</svg> diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png Binary files differnew file mode 100644 index 0000000..6315189 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png Binary files differnew file mode 100644 index 0000000..42e45ab --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png Binary files differnew file mode 100644 index 0000000..a61755c --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png Binary files differnew file mode 100644 index 0000000..35976cc --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png Binary files differnew file mode 100644 index 0000000..4cb7d17 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png Binary files differnew file mode 100644 index 0000000..5b0ac9f --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png Binary files differnew file mode 100644 index 0000000..9e34d97 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png Binary files differnew file mode 100644 index 0000000..5c999a1 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-after-slider@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png Binary files differnew file mode 100644 index 0000000..11571a2 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png Binary files differnew file mode 100644 index 0000000..bb0d3ba --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png Binary files differnew file mode 100644 index 0000000..b9e1d0d --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png Binary files differnew file mode 100644 index 0000000..320ee33 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png Binary files differnew file mode 100644 index 0000000..b16a058 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png Binary files differnew file mode 100644 index 0000000..77cea84 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png Binary files differnew file mode 100644 index 0000000..1f651b7 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider.png diff --git a/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png Binary files differnew file mode 100644 index 0000000..f7f02c7 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png Binary files differnew file mode 100644 index 0000000..c8452e6 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png Binary files differnew file mode 100644 index 0000000..2a9eedf --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png Binary files differnew file mode 100644 index 0000000..e683edc --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png Binary files differnew file mode 100644 index 0000000..0262465 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png Binary files differnew file mode 100644 index 0000000..9c07eef --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png Binary files differnew file mode 100644 index 0000000..918f04e --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png Binary files differnew file mode 100644 index 0000000..4bbe7fc --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png Binary files differnew file mode 100644 index 0000000..f66f1d4 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png Binary files differnew file mode 100644 index 0000000..5d0e020 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png Binary files differnew file mode 100644 index 0000000..02dd1a9 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png Binary files differnew file mode 100644 index 0000000..90eec7c --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png Binary files differnew file mode 100644 index 0000000..d356a50 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png Binary files differnew file mode 100644 index 0000000..8a31870 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png Binary files differnew file mode 100644 index 0000000..c53ffe4 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png Binary files differnew file mode 100644 index 0000000..9d1e1cd --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider.png diff --git a/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png Binary files differnew file mode 100644 index 0000000..ab9c442 --- /dev/null +++ b/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png Binary files differnew file mode 100644 index 0000000..6aa52df --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png Binary files differnew file mode 100644 index 0000000..5fdeb5f --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png b/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png Binary files differnew file mode 100644 index 0000000..3e8b4f8 --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png Binary files differnew file mode 100644 index 0000000..c3e52ae --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-checked@2.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png Binary files differnew file mode 100644 index 0000000..f6b914e --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png Binary files differnew file mode 100644 index 0000000..29ecf2b --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png Binary files differnew file mode 100644 index 0000000..40ff92e --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked.png diff --git a/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png Binary files differnew file mode 100644 index 0000000..8e87ea7 --- /dev/null +++ b/.config/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png diff --git a/.config/gtk-4.0/gtk-dark.css b/.config/gtk-4.0/gtk-dark.css new file mode 100644 index 0000000..765f22a --- /dev/null +++ b/.config/gtk-4.0/gtk-dark.css @@ -0,0 +1,7509 @@ +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-image: radial-gradient(circle, #cba6f7 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #cba6f7 100%, transparent 100%); + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #1e1e2e; + color: #FFFFFF; +} + +dnd { + color: #FFFFFF; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #1e1e2e; + color: #FFFFFF; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +iconview:selected, .view:selected { + color: #FFFFFF; +} + +textview text { + background-color: #1e1e2e; +} + +textview border { + background-color: #11111b; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 3px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #cba6f7; + background-color: rgba(203, 166, 247, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 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: #FFFFFF; + background-color: #1e1e2e; + border: 1px solid black; +} + +label.separator { + color: rgba(255, 255, 255, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(255, 255, 255, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #FFFFFF; +} + +.dim-label, row.expander image.expander-row-arrow, row label.subtitle { + color: rgba(255, 255, 255, 0.7); + opacity: 1; +} + +.accent { + color: #cba6f7; +} + +.success { + color: #66BB6A; +} + +.warning { + color: #FBC02D; +} + +.error { + color: #F44336; +} + +.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; +} + +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: #FFFFFF; +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: #FFFFFF; + background-color: #1e1e2e; + background-clip: padding-box; + border-radius: 6px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #FFFFFF; + outline: 2px solid #cba6f7; + outline-offset: -2px; +} + + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); + outline: none; +} + + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + + +entry headerbar popover.background entry image, +headerbar popover.background entry entry image, +entry image { + color: rgba(255, 255, 255, 0.7); +} + + +entry headerbar popover.background entry image:hover, +headerbar popover.background entry entry image:hover, +entry headerbar popover.background entry image:active, +headerbar popover.background entry entry image:active, +entry image:hover, +entry image:active { + color: #FFFFFF; +} + + +entry headerbar popover.background entry image:disabled, +headerbar popover.background entry entry image:disabled, +entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + + +entry headerbar popover.background entry image.left, +headerbar popover.background entry entry image.left, +entry image.left { + margin: 0 6px 0 2px; +} + + +entry headerbar popover.background entry image.right, +headerbar popover.background entry entry image.right, +entry image.right { + margin: 0 2px 0 6px; +} + + +entry headerbar popover.background entry undershoot.left, +headerbar popover.background entry entry undershoot.left, +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 headerbar popover.background entry undershoot.right, +headerbar popover.background entry entry undershoot.right, +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 headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(244, 67, 54, 0.1); + color: rgba(244, 67, 54, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(244, 67, 54, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #F44336; + outline: 2px solid #F44336; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #F44336; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(244, 67, 54, 0.1); + color: rgba(244, 67, 54, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(244, 67, 54, 0.25); + color: #F44336; +} + + +entry headerbar popover.background entry.error image, +headerbar popover.background entry entry.error image, +entry.error image { + color: rgba(244, 67, 54, 0.75); +} + + +entry headerbar popover.background entry.error image:hover, +headerbar popover.background entry entry.error image:hover, +entry headerbar popover.background entry.error image:active, +headerbar popover.background entry entry.error image:active, +entry.error image:hover, +entry.error image:active { + color: #F44336; +} + + +entry headerbar popover.background entry.error image:disabled, +headerbar popover.background entry entry.error image:disabled, +entry.error image:disabled { + color: rgba(244, 67, 54, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(251, 192, 45, 0.1); + color: rgba(251, 192, 45, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(251, 192, 45, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #FBC02D; + outline: 2px solid #FBC02D; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #FBC02D; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(251, 192, 45, 0.1); + color: rgba(251, 192, 45, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(251, 192, 45, 0.25); + color: #FBC02D; +} + + +entry headerbar popover.background entry.warning image, +headerbar popover.background entry entry.warning image, +entry.warning image { + color: rgba(251, 192, 45, 0.75); +} + + +entry headerbar popover.background entry.warning image:hover, +headerbar popover.background entry entry.warning image:hover, +entry headerbar popover.background entry.warning image:active, +headerbar popover.background entry entry.warning image:active, +entry.warning image:hover, +entry.warning image:active { + color: #FBC02D; +} + + +entry headerbar popover.background entry.warning image:disabled, +headerbar popover.background entry entry.warning image:disabled, +entry.warning image:disabled { + color: rgba(251, 192, 45, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(102, 187, 106, 0.1); + color: rgba(102, 187, 106, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(102, 187, 106, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #66BB6A; + outline: 2px solid #66BB6A; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #66BB6A; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(102, 187, 106, 0.1); + color: rgba(102, 187, 106, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(102, 187, 106, 0.25); + color: #66BB6A; +} + + +entry headerbar popover.background entry.success image, +headerbar popover.background entry entry.success image, +entry.success image { + color: rgba(102, 187, 106, 0.75); +} + + +entry headerbar popover.background entry.success image:hover, +headerbar popover.background entry entry.success image:hover, +entry headerbar popover.background entry.success image:active, +headerbar popover.background entry entry.success image:active, +entry.success image:hover, +entry.success image:active { + color: #66BB6A; +} + + +entry headerbar popover.background entry.success image:disabled, +headerbar popover.background entry entry.success image:disabled, +entry.success image:disabled { + color: rgba(102, 187, 106, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #cba6f7; + background-color: transparent; +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: #1e1e2e; +} + +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.12); + color: #FFFFFF; +} + +.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: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #cba6f7 0%, rgba(203, 166, 247, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #cba6f7 95%, rgba(203, 166, 247, 0)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.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.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: #FFFFFF; +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.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):not(.flat), button { + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: #FFFFFF; +} + +headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { + outline: 2px solid rgba(203, 166, 247, 0.35); + outline-offset: 0; +} + +headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); +} + +headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #d9bdf9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(203, 166, 247, 0.35); + color: rgba(0, 0, 0, 0.38); +} + +placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(255, 255, 255, 0.7); +} + +placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: #FFFFFF; + outline: 2px solid rgba(255, 255, 255, 0.04); + outline-offset: -2px; +} + +placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), 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, menubutton.flat > button, button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(255, 255, 255, 0.7); +} + +filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: #FFFFFF; + outline: 2px solid rgba(255, 255, 255, 0.04); + outline-offset: -2px; +} + +filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), 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, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), 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, menubutton.flat > button:active, button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), 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, menubutton.flat > button:checked, button.flat:checked { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 6px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: #4b4b58; + color: #FFFFFF; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 6px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(255, 255, 255, 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + border-color: #cba6f7; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #d9bdf9; + color: rgba(0, 0, 0, 0.87); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(203, 166, 247, 0.35); + color: rgba(0, 0, 0, 0.38); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #FF7043; + box-shadow: inset 0 0 0 1px #FF7043; +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 6px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: white; +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: white; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.35); +} + +button.suggested-action { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(203, 166, 247, 0.2), 0 4px 3px 0 rgba(203, 166, 247, 0.14), 0 1px 6px 0 rgba(203, 166, 247, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(153, 125, 186, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(203, 166, 247, 0.3), 0 2px 3px -1px rgba(203, 166, 247, 0.24), 0 2px 5px 0 rgba(203, 166, 247, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(203, 166, 247, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #cba6f7; +} + +button.suggested-action.flat:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(203, 166, 247, 0.3); +} + +button.destructive-action { + background-color: #F44336; + color: #FFFFFF; + box-shadow: none; +} + +button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +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 { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +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; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #cba6f7; + color: white; +} + +menubutton.destructive-action { + background-color: #F44336; + color: white; +} + +menubutton.opaque { + background-color: #4b4b58; + color: #FFFFFF; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 6px; +} + +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: 6px; +} + +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: 4px; + padding-right: 4px; +} + +splitbutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 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: -1px; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px; +} + +splitbutton.flat > separator { + background: rgba(255, 255, 255, 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.07); +} + +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: 6px; +} + +splitbutton.suggested-action { + background-color: #cba6f7; + color: white; +} + +splitbutton.destructive-action { + background-color: #F44336; + color: white; +} + +splitbutton.opaque { + background-color: #4b4b58; + color: #FFFFFF; +} + +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; +} + +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: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.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: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +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 { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + + +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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F44336; + color: #FFFFFF; +} + +/********* + * Links * + *********/ +link { + color: #3c84f7; +} + +link:visited { + color: #cba6f7; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #3c84f7; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #cba6f7; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 6px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #FFFFFF; + outline: 2px solid #cba6f7; + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 32px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +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; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 6px 6px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 36px; + min-width: 42px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 9px; +} + +/************** + * 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 > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +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 popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: #FFFFFF; + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +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: 6px; +} + +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: 6px; +} + +.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: 6px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: #FFFFFF; + outline: 2px solid rgba(255, 255, 255, 0.04); + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +button.combo:only-child:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +button.combo:only-child:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + background-color: #1e1e2e; + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #313244; + color: #FFFFFF; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 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); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .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 { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 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: #1e1e2e; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +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: #FFFFFF; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.32); +} + +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.32); +} + +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.32); +} + +headerbar entry { + background-color: rgba(255, 255, 255, 0.04); + color: #FFFFFF; +} + +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: #FFFFFF; +} + +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); + background-color: #11111b; + color: #FFFFFF; + min-height: 48px; + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #1e1e2e; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander 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 image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +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 menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + 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 button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + opacity: 1; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(255, 255, 255, 0.12); +} + +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); + background-color: #cba6f7; + 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.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar { + background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(203, 166, 247, 0.1)), linear-gradient(to top, #171724 3px, #1b1b2b); +} + +window.devel headerbar:backdrop { + background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#11111b); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: #FFFFFF; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +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: 6px; + 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: 4px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #393947; + border-top-color: #393947; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: 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; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(255, 255, 255, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #FFFFFF; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #FFFFFF; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #FFFFFF; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #cba6f7; + 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.12); + 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: #1e1e2e; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +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: #1e1e2e; + background-clip: border-box; + color: #cba6f7; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #cba6f7; +} + +stack.view treeview.view { + min-height: 36px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #11111b; + color: #FFFFFF; +} + +menubar:backdrop { + background-color: #1e1e2e; + 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: #FFFFFF; +} + +menubar > item:disabled { + color: rgba(255, 255, 255, 0.32); +} + +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; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: #FFFFFF; + padding: 0 6px; +} + +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(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: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #313244; + border-radius: 12px; + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(255, 255, 255, 0.12); + margin: 3px 0; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 6px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: #313244; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #FFFFFF; + font: initial; + border-radius: 6px; +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover modelbutton accelerator { + color: rgba(255, 255, 255, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(255, 255, 255, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: #1e1e2e; +} + +/************* + * Notebooks * + *************/ +tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(255, 255, 255, 0.7); +} + +tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + box-shadow: none; +} + +tabbar tab:disabled, notebook > header > tabs > tab:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +tabbar tab:active, notebook > header > tabs > tab:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + box-shadow: none; +} + +tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #1e1e2e; + border-radius: 12px; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: rgba(255, 255, 255, 0.04); + margin: 3px; + border-radius: 9px; +} + +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: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: 0; + -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: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 6px; +} + +notebook > header > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +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:not(:last-child), notebook > header.bottom > tabs > tab:not(: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: 0; + padding-bottom: 0; +} + +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:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + min-height: 36px; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + padding: 0; + margin: 0; + border-radius: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + min-width: 1px; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + margin: 0 -3px; + padding: 0; +} + +tabbar tabbox > tabboxchild > tab { + margin: 3px; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #11111b, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #11111b, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #11111b; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#11111b, 0.6); + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #1e1e2e; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #11111b; + color: #FFFFFF; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabbar tab button.image-button.tab-close-button, +dnd tab button.image-button.tab-close-button { + margin-right: -3px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #1e1e2e; + box-shadow: none; + outline: none; +} + +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 { + border: none; + background: none; + padding: 0; + outline: 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: #FFFFFF; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(255, 255, 255, 0.32); +} + +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; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 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.32); +} + +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(49, 50, 68, 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; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #cba6f7; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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; +} + +.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 { + box-shadow: 0 0 0 10px rgba(255, 255, 255, 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: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(203, 166, 247, 0.15); + background-color: #e6d5fb; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(203, 166, 247, 0.2); + background-color: #cba6f7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(0, 0, 0, 0.6); + background-color: rgba(203, 166, 247, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +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/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +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/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus 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 { + box-shadow: none; +} + +treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +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.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#cba6f7); +} + +scale > trough > highlight:disabled { + background-color: #1e1e2e; + background-image: image(rgba(255, 255, 255, 0.32)); +} + +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 > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #cba6f7; + background-color: #1e1e2e; + box-shadow: inset 0 0 0 2px #cba6f7; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #cba6f7, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #cba6f7, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32); +} + +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 { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(255, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(0); +} + +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 indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +scale.horizontal.marks-after:not(.marks-before) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +scale.vertical.marks-before:not(.marks-after) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +scale.vertical.marks-after:not(.marks-before) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +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: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * 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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #cba6f7; +} + +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: #cba6f7; +} + +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: 6px; +} + +levelbar block.low { + background-color: #FBC02D; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #cba6f7; +} + +levelbar block.full { + background-color: #66BB6A; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #FFFFFF; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e2e; + color: #FFFFFF; +} + +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: 6px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 6px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #1e1e2e; + background-clip: border-box; + border: none; +} + +actionbar > revealer > box button, actionbar > revealer > box entry, +actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border: none; + background-image: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +listview, +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #1e1e2e; + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + 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:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +list.frame { + border-radius: 6px; +} + +listview.view { + color: #FFFFFF; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; + border-radius: 6px; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 6px; +} + +row { + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; +} + +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; +} + +.nautilus-window .nautilus-grid-view child.activatable, 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), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: #FFFFFF; + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: #FFFFFF; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: #FFFFFF; + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: rgba(0, 0, 0, 0.87); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected image, +row:selected label { + color: #FFFFFF; +} + +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); +} + +.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:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry .edit-icon, row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.entry.error text > selection:focus-within { + background-color: alpha(#F44336, 0.2); +} + +row.entry.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning text > selection:focus-within { + background-color: alpha(#FBC02D, 0.2); +} + +row.entry.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success text > selection:focus-within { + background-color: alpha(#66BB6A, 0.2); +} + +row.entry.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +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; +} + +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 { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { + background-color: alpha(currentColor, 0.08); +} + +list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { + background-color: alpha(currentColor, 0.03); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 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 image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #cba6f7; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +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: 6px; + border-top-right-radius: 6px; +} + +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.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 { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 0; +} + +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.column-separators > listview > row > cell { + border-left-color: rgba(255, 255, 255, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +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 #cba6f7; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #cba6f7; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: 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: #FFFFFF; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(255, 255, 255, 0.32); +} + +expander-widget > box > title { + border-radius: 6px; +} + +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: 6px; + color: #FFFFFF; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +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: 6px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button { + border-radius: 0; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child { + border-radius: 0 0 0 12px; +} + +window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 0 0 12px 0; +} + +window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child { + border-radius: 0 0 12px 12px; +} + +window.dialog.message.background { + background-color: #313244; +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #313244; + color: #FFFFFF; +} + +window.dialog.message .titlebar:backdrop { + background-color: #313244; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message .dialog-action-area { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0; + border-spacing: 0; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: #cba6f7; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F44336; +} + +window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { + border-radius: 6px; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: #313244; + color: #FFFFFF; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area > box > button.suggested { + color: #cba6f7; +} + +window.messagedialog .response-area > box > button.destructive { + color: #F44336; +} + +window.messagedialog.csd:not(.solid-csd) { + border-radius: 12px; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button { + margin: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child { + margin-left: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child { + margin-right: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button { + margin-top: 0; + margin-bottom: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + margin-bottom: 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: #1e1e2e; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #11111b; +} + +.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; + color: inherit; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 6px; + background-color: #11111b; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + 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.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 4.5px 0; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar.background { + background-color: #11111b; + color: rgba(255, 255, 255, 0.7); +} + +.navigation-sidebar > separator { + margin: 4.5px 0; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + margin: 1.5px 6px; +} + +/**************** + * 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.32); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list > separator { + margin: 3px 0; +} + +placessidebar row:selected { + font-weight: 500; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label { + color: inherit; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar row.sidebar-new-bookmark-row { + color: #cba6f7; +} + +placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #cba6f7; +} + +placessidebar row:drop(active) { + background-color: 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(#393947); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #1e1e2e; + background-image: image(#393947), image(#393947); + 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: 6px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #1e1e2e; + color: #FFFFFF; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { + color: #cba6f7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #cba6f7; + 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: #bd8ff5; +} + +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: #FFFFFF; +} + +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: #FFFFFF; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: #FFFFFF; +} + +infobar.error:hover > revealer > box { + background-color: #f32c1e; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(11, 11, 18, 0.9); + color: #FFFFFF; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + border-radius: 6px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.top overlay { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.bottom { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.dark { + color: #FFFFFF; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #cba6f7; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: #FFFFFF; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 255, 255, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 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); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #313244; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 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: #1e1e2e; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + outline-offset: -1px; + outline: 1px solid rgba(255, 255, 255, 0.1); + margin: 0; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +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; + transition: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #11111b; + border: 1px solid #393947; +} + +window.solid-csd:backdrop { + background-color: #1e1e2e; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image { + padding: 0; +} + +windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25); +} + +windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.5); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + background-color: rgba(255, 255, 255, 0.3); +} + +windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.5); +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { + background-color: #f9e2af; +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) { + background-color: #fbe9c3; +} + +windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { + background-color: #a6e3a1; +} + +windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) { + background-color: #bceab9; +} + +windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + background-color: #f38ba8; +} + +windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: #f6a8be; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 9px; + margin-left: 9px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 9px; + margin-right: 9px; +} + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #cba6f7; + background-color: rgba(203, 166, 247, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #cba6f7; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #313244; + color: #FFFFFF; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #cba6f7; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +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):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * 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 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; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #cba6f7; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; +} + +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: #FFFFFF; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window placesview label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(0, 0, 0, 0.87); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; +} + +#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button { + margin: 6px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(255, 255, 255, 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 6px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 6px; +} + +#NautilusPathButton.current-dir { + color: #FFFFFF; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: #1e1e2e; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +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); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #cba6f7; +} + +label.secondary-label { + color: rgba(255, 255, 255, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: #cba6f7; + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(#cba6f7, 0.3); +} + +popover.events { + background-color: #1e1e2e; + padding: 0; +} + +popover.events box { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +popover.events list { + background-color: #1e1e2e; + border-radius: 6px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 6px; +} + +event.timed widget.edge { + border-radius: 3px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 3px 3px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 3px 0 0 3px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #1e1e2e; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button, datechooser navigator button.image-button { + min-height: 36px; + min-width: 36px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 36px; + min-width: 36px; + transition: none; +} + +datechooser button.day dot { + background-color: #FFFFFF; + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: rgba(0, 0, 0, 0.87); +} + +datechooser button.day.today { + color: #cba6f7; +} + +datechooser button.day.today dot { + background-color: #cba6f7; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(255, 255, 255, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(255, 255, 255, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(255, 255, 255, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.week-header.lines { + color: rgba(255, 255, 255, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(255, 255, 255, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(#cba6f7, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#cba6f7, 0.25); +} + +monthcell { + border: solid 1px rgba(255, 255, 255, 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: #11111b; + transition: background-color 200ms; + color: #FFFFFF; +} + +monthcell:selected { + background-color: alpha(#cba6f7, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#cba6f7, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#cba6f7, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#cba6f7, 0.3); + color: #cba6f7; +} + +monthcell.today:selected { + background-color: alpha(#cba6f7, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#cba6f7, 0.35); +} + +monthcell label { + color: #FFFFFF; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(255, 255, 255, 0.04); +} + +monthcell.out-of-month label { + color: rgba(255, 255, 255, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 6px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 12px; +} + +agenda-view list > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background: alpha(#11111b, 0.7); + color: #FFFFFF; + border-radius: 6px; +} + +menubutton stack > box { + border-spacing: 6px; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #cba6f7; + border-radius: 0; + color: rgba(0, 0, 0, 0.87); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #FBC02D; +} + +.origin-button > button { + padding: 3px 9px; +} + +button.card.category-tile { + padding: 21px; + border: none; + border-radius: 6px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +button.card.category-tile.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +button.card.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +button.card.category-tile.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +button.card.category-tile.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-develop { + background: #5e5c64; + color: white; +} + +button.card.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); + color: white; +} + +button.card.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +button.card.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +button.card.category-tile.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +button.card.category-tile.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +button.card.category-tile.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(255, 255, 255, 0.7); +} + +button.card.category-tile.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +button.card.category-tile.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +button.card.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; +} + +button.card.category-tile.category-work:hover { + color: #1c71d8; + 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); +} + +button.card.category-tile.category-work:active { + color: #1c71d8; + 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); +} + +clamp.medium .category-tile:not(.category-tile-iconless), +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +.featured-tile { + all: unset; + padding: 0; + box-shadow: none; + color: #FFFFFF; +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(255, 255, 255, 0.04); + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.application-details-infobar.warning { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, #cba6f7 2px, alpha(#cba6f7, 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(255, 255, 255, 0.5); + background-image: none; + background-color: rgba(255, 255, 255, 0.3); +} + +.review-histogram star-image { + color: rgba(255, 255, 255, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +star-image { + color: #FFD600; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 6px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #66BB6A, #5b9bf8); + color: white; +} + +.upgrade-buttons #button_upgrades_install { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(255, 255, 255, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +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 6px 6px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 6px 0 0 6px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(255, 255, 255, 0.12); +} + +carousel.card { + border: none; + background-color: rgba(255, 255, 255, 0.04); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #419345; + background-color: rgba(102, 187, 106, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 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: #FF8A65; + background-color: rgba(255, 138, 101, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #d2190b; + background-color: rgba(244, 67, 54, 0.15); +} + +.eol-red { + font-weight: bold; + color: #F44336; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: "tnum"; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #F44336; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 48px, #1e1e2e 48px, #1e1e2e); +} + +@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5); +@define-color weather_temp_chart_stroke_color #f0ad05; +@define-color weather_thermometer_warm_color #FBC02D; +@define-color weather_thermometer_cold_color #5b9bf8; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 6px; +} + +.forecast-card separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #FBC02D; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #5b9bf8; +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); +} + +.search-view { + background-color: #3c84f7; + color: #FFFFFF; +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 36px; + min-height: 36px; + padding: 0; + border-radius: 9999px; +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: #cba6f7; +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #3c84f7; + background-color: alpha(#5b9bf8, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #FF7043; + background-color: alpha(#FF8A65, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #FFD600; + background: alpha(#FBC02D, 0.25); +} + +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: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: #11111b; +} + +.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 tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton 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: 6px; + 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: #cba6f7; +} + +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; +} + +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; +} + +.card { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-clip: border-box; + color: rgba(255, 255, 255, 0.7); + box-shadow: none; + outline: none; + background-color: #1e1e2e; + color: #FFFFFF; +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.card.activatable:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +.card.activatable:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e1e2e; + color: #FFFFFF; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #cba6f7; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(0, 0, 0, 0.87); +} + +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: 34px; +} + +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: #cba6f7; +} + +preferencesgroup > box .cutout-button { + background-color: #11111b; +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: #cba6f7; + border-radius: 6px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +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.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +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; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #FFFFFF; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #FFFFFF; +/* +widget base background color */ +@define-color theme_bg_color #1e1e2e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1e1e2e; +/* +base background color of selections */ +@define-color theme_selected_bg_color #cba6f7; +/* +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 #1e1e2e; +/* +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 #11111b; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #FFFFFF; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #FFFFFF; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1e2e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1e1e2e; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #cba6f7; +/* +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 #66BB6A; +/* +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 #FFFFFF; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_border #060609; +@define-color wm_bg #11111b; +@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #f38ba8; +@define-color wm_button_close_active_bg #ed547e; +@define-color wm_button_max_hover_bg #a6e3a1; +@define-color wm_button_max_active_bg #79d572; +@define-color wm_button_min_hover_bg #f9e2af; +@define-color wm_button_min_active_bg #f5cd76; +/* +FIXME this is really an API */ +@define-color content_view_bg #1e1e2e; +@define-color placeholder_text_color #bcbcc0; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e2e; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3); +@define-color budgie_tasklist_indicator_color_active #cba6f7; +@define-color budgie_tasklist_indicator_color_active_window #756192; +@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 #cba6f7; +@define-color accent_fg_color rgba(0, 0, 0, 0.87); +@define-color accent_color #cba6f7; +@define-color destructive_bg_color #F44336; +@define-color destructive_fg_color #FFFFFF; +@define-color destructive_color #F44336; +@define-color success_bg_color #66BB6A; +@define-color success_fg_color #FFFFFF; +@define-color success_color #66BB6A; +@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 #FFFFFF; +@define-color error_color #F44336; +@define-color window_bg_color #1e1e2e; +@define-color window_fg_color #FFFFFF; +@define-color view_bg_color #1e1e2e; +@define-color view_fg_color #FFFFFF; +@define-color headerbar_bg_color #11111b; +@define-color headerbar_fg_color #FFFFFF; +@define-color headerbar_border_color rgba(255, 255, 255, 0.12); +@define-color headerbar_backdrop_color #1e1e2e; +@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); +@define-color card_bg_color #1e1e2e; +@define-color card_fg_color #FFFFFF; +@define-color card_shade_color rgba(255, 255, 255, 0.12); +@define-color dialog_bg_color #11111b; +@define-color dialog_fg_color #FFFFFF; +@define-color popover_bg_color #1e1e2e; +@define-color popover_fg_color #FFFFFF; +@define-color shade_color rgba(255, 255, 255, 0.12); +@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12); diff --git a/.config/gtk-4.0/gtk.css b/.config/gtk-4.0/gtk.css new file mode 100644 index 0000000..765f22a --- /dev/null +++ b/.config/gtk-4.0/gtk.css @@ -0,0 +1,7509 @@ +@keyframes ripple { + to { + background-size: 1000% 1000%; + } +} + +@keyframes ripple-on-slider { + to { + background-size: auto, 1000% 1000%; + } +} + +@keyframes ripple-on-headerbar { + from { + background-image: radial-gradient(circle, #cba6f7 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #cba6f7 100%, transparent 100%); + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #1e1e2e; + color: #FFFFFF; +} + +dnd { + color: #FFFFFF; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #1e1e2e; + color: #FFFFFF; +} + +iconview:disabled, .view:disabled { + color: rgba(255, 255, 255, 0.5); +} + +iconview:selected, .view:selected { + color: #FFFFFF; +} + +textview text { + background-color: #1e1e2e; +} + +textview border { + background-color: #11111b; + color: rgba(255, 255, 255, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 3px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #cba6f7; + background-color: rgba(203, 166, 247, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 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: #FFFFFF; + background-color: #1e1e2e; + border: 1px solid black; +} + +label.separator { + color: rgba(255, 255, 255, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(255, 255, 255, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #FFFFFF; +} + +.dim-label, row.expander image.expander-row-arrow, row label.subtitle { + color: rgba(255, 255, 255, 0.7); + opacity: 1; +} + +.accent { + color: #cba6f7; +} + +.success { + color: #66BB6A; +} + +.warning { + color: #FBC02D; +} + +.error { + color: #F44336; +} + +.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; +} + +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: #FFFFFF; +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: #FFFFFF; + background-color: #1e1e2e; + background-clip: padding-box; + border-radius: 6px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #FFFFFF; + outline: 2px solid #cba6f7; + outline-offset: -2px; +} + + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); + outline: none; +} + + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + + +entry headerbar popover.background entry image, +headerbar popover.background entry entry image, +entry image { + color: rgba(255, 255, 255, 0.7); +} + + +entry headerbar popover.background entry image:hover, +headerbar popover.background entry entry image:hover, +entry headerbar popover.background entry image:active, +headerbar popover.background entry entry image:active, +entry image:hover, +entry image:active { + color: #FFFFFF; +} + + +entry headerbar popover.background entry image:disabled, +headerbar popover.background entry entry image:disabled, +entry image:disabled { + color: rgba(255, 255, 255, 0.5); +} + + +entry headerbar popover.background entry image.left, +headerbar popover.background entry entry image.left, +entry image.left { + margin: 0 6px 0 2px; +} + + +entry headerbar popover.background entry image.right, +headerbar popover.background entry entry image.right, +entry image.right { + margin: 0 2px 0 6px; +} + + +entry headerbar popover.background entry undershoot.left, +headerbar popover.background entry entry undershoot.left, +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 headerbar popover.background entry undershoot.right, +headerbar popover.background entry entry undershoot.right, +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 headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(244, 67, 54, 0.1); + color: rgba(244, 67, 54, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(244, 67, 54, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #F44336; + outline: 2px solid #F44336; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #F44336; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(244, 67, 54, 0.1); + color: rgba(244, 67, 54, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(244, 67, 54, 0.25); + color: #F44336; +} + + +entry headerbar popover.background entry.error image, +headerbar popover.background entry entry.error image, +entry.error image { + color: rgba(244, 67, 54, 0.75); +} + + +entry headerbar popover.background entry.error image:hover, +headerbar popover.background entry entry.error image:hover, +entry headerbar popover.background entry.error image:active, +headerbar popover.background entry entry.error image:active, +entry.error image:hover, +entry.error image:active { + color: #F44336; +} + + +entry headerbar popover.background entry.error image:disabled, +headerbar popover.background entry entry.error image:disabled, +entry.error image:disabled { + color: rgba(244, 67, 54, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(251, 192, 45, 0.1); + color: rgba(251, 192, 45, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(251, 192, 45, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #FBC02D; + outline: 2px solid #FBC02D; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #FBC02D; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(251, 192, 45, 0.1); + color: rgba(251, 192, 45, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(251, 192, 45, 0.25); + color: #FBC02D; +} + + +entry headerbar popover.background entry.warning image, +headerbar popover.background entry entry.warning image, +entry.warning image { + color: rgba(251, 192, 45, 0.75); +} + + +entry headerbar popover.background entry.warning image:hover, +headerbar popover.background entry entry.warning image:hover, +entry headerbar popover.background entry.warning image:active, +headerbar popover.background entry entry.warning image:active, +entry.warning image:hover, +entry.warning image:active { + color: #FBC02D; +} + + +entry headerbar popover.background entry.warning image:disabled, +headerbar popover.background entry entry.warning image:disabled, +entry.warning image:disabled { + color: rgba(251, 192, 45, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(102, 187, 106, 0.1); + color: rgba(102, 187, 106, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(102, 187, 106, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #66BB6A; + outline: 2px solid #66BB6A; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #66BB6A; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(102, 187, 106, 0.1); + color: rgba(102, 187, 106, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(102, 187, 106, 0.25); + color: #66BB6A; +} + + +entry headerbar popover.background entry.success image, +headerbar popover.background entry entry.success image, +entry.success image { + color: rgba(102, 187, 106, 0.75); +} + + +entry headerbar popover.background entry.success image:hover, +headerbar popover.background entry entry.success image:hover, +entry headerbar popover.background entry.success image:active, +headerbar popover.background entry entry.success image:active, +entry.success image:hover, +entry.success image:active { + color: #66BB6A; +} + + +entry headerbar popover.background entry.success image:disabled, +headerbar popover.background entry entry.success image:disabled, +entry.success image:disabled { + color: rgba(102, 187, 106, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #cba6f7; + background-color: transparent; +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: #1e1e2e; +} + +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.12); + color: #FFFFFF; +} + +.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: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #cba6f7 0%, rgba(203, 166, 247, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #cba6f7 95%, rgba(203, 166, 247, 0)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.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.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: #FFFFFF; +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.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):not(.flat), button { + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: #FFFFFF; +} + +headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { + outline: 2px solid rgba(203, 166, 247, 0.35); + outline-offset: 0; +} + +headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); +} + +headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #d9bdf9; + color: rgba(0, 0, 0, 0.87); +} + +headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(203, 166, 247, 0.35); + color: rgba(0, 0, 0, 0.38); +} + +placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(255, 255, 255, 0.7); +} + +placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: #FFFFFF; + outline: 2px solid rgba(255, 255, 255, 0.04); + outline-offset: -2px; +} + +placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), 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, menubutton.flat > button, button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(255, 255, 255, 0.7); +} + +filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: #FFFFFF; + outline: 2px solid rgba(255, 255, 255, 0.04); + outline-offset: -2px; +} + +filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), 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, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), 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, menubutton.flat > button:active, button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), 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, menubutton.flat > button:checked, button.flat:checked { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(255, 255, 255, 0.5); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 6px 10px; + border-radius: 6px; + font-weight: 500; +} + +button:drop(active) { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: #4b4b58; + color: #FFFFFF; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 6px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(255, 255, 255, 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + border-color: #cba6f7; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #d9bdf9; + color: rgba(0, 0, 0, 0.87); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(203, 166, 247, 0.35); + color: rgba(0, 0, 0, 0.38); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #FF7043; + box-shadow: inset 0 0 0 1px #FF7043; +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 6px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: white; +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: white; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.35); +} + +button.suggested-action { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(203, 166, 247, 0.2), 0 4px 3px 0 rgba(203, 166, 247, 0.14), 0 1px 6px 0 rgba(203, 166, 247, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(153, 125, 186, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(203, 166, 247, 0.3), 0 2px 3px -1px rgba(203, 166, 247, 0.24), 0 2px 5px 0 rgba(203, 166, 247, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(203, 166, 247, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #cba6f7; +} + +button.suggested-action.flat:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(203, 166, 247, 0.3); +} + +button.destructive-action { + background-color: #F44336; + color: #FFFFFF; + box-shadow: none; +} + +button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +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 { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +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; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #cba6f7; + color: white; +} + +menubutton.destructive-action { + background-color: #F44336; + color: white; +} + +menubutton.opaque { + background-color: #4b4b58; + color: #FFFFFF; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 6px; +} + +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: 6px; +} + +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: 4px; + padding-right: 4px; +} + +splitbutton.image-button > button { + min-width: 24px; + padding-left: 6px; + padding-right: 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: -1px; +} + +splitbutton > button:dir(rtl), +splitbutton > menubutton > button:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px; +} + +splitbutton.flat > separator { + background: rgba(255, 255, 255, 0.12); +} + +splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { + background: alpha(currentColor, 0.07); +} + +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: 6px; +} + +splitbutton.suggested-action { + background-color: #cba6f7; + color: white; +} + +splitbutton.destructive-action { + background-color: #F44336; + color: white; +} + +splitbutton.opaque { + background-color: #4b4b58; + color: #FFFFFF; +} + +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; +} + +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: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.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: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +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 { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + + +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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #F44336; + color: #FFFFFF; +} + +/********* + * Links * + *********/ +link { + color: #3c84f7; +} + +link:visited { + color: #cba6f7; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #3c84f7; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #cba6f7; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 6px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #FFFFFF; + outline: 2px solid #cba6f7; + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.5); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 32px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +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; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 6px 6px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 36px; + min-width: 42px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 9px; +} + +/************** + * 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 > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +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 popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: #FFFFFF; + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +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: 6px; +} + +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: 6px; +} + +.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: 6px; + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(255, 255, 255, 0.08); + color: rgba(255, 255, 255, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: #FFFFFF; + outline: 2px solid rgba(255, 255, 255, 0.04); + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +button.combo:only-child:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +button.combo:only-child:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + background-color: #1e1e2e; + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #313244; + color: #FFFFFF; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 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); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .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 { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 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: #1e1e2e; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.7); + border: none; +} + +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: #FFFFFF; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.32); +} + +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.32); +} + +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.32); +} + +headerbar entry { + background-color: rgba(255, 255, 255, 0.04); + color: #FFFFFF; +} + +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: #FFFFFF; +} + +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); + background-color: #11111b; + color: #FFFFFF; + min-height: 48px; + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +headerbar:backdrop { + background-color: #1e1e2e; + color: rgba(255, 255, 255, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(255, 255, 255, 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander 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 image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +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 menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + 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 button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + opacity: 1; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(255, 255, 255, 0.12); +} + +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); + background-color: #cba6f7; + 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.default-decoration { + min-height: 24px; + padding: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +window.devel headerbar { + background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(203, 166, 247, 0.1)), linear-gradient(to top, #171724 3px, #1b1b2b); +} + +window.devel headerbar:backdrop { + background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#11111b); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: #FFFFFF; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +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: 6px; + 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: 4px; + border: none; + box-shadow: none; +} + +.pathbar > button:last-child { + background-color: alpha(currentColor, 0.1); + color: #FFFFFF; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #393947; + border-top-color: #393947; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: 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; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(255, 255, 255, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #FFFFFF; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #FFFFFF; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #FFFFFF; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(255, 255, 255, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #cba6f7; + 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.12); + 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: #1e1e2e; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +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: #1e1e2e; + background-clip: border-box; + color: #cba6f7; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #cba6f7; +} + +stack.view treeview.view { + min-height: 36px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #11111b; + color: #FFFFFF; +} + +menubar:backdrop { + background-color: #1e1e2e; + 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: #FFFFFF; +} + +menubar > item:disabled { + color: rgba(255, 255, 255, 0.32); +} + +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; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: #FFFFFF; + padding: 0 6px; +} + +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(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: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #313244; + border-radius: 12px; + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(255, 255, 255, 0.12); + margin: 3px 0; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 6px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: #313244; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #FFFFFF; + font: initial; + border-radius: 6px; +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(255, 255, 255, 0.5); +} + +popover modelbutton accelerator { + color: rgba(255, 255, 255, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(255, 255, 255, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: #1e1e2e; +} + +/************* + * Notebooks * + *************/ +tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(255, 255, 255, 0.7); +} + +tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + box-shadow: none; +} + +tabbar tab:disabled, notebook > header > tabs > tab:disabled { + color: rgba(255, 255, 255, 0.32); + background-color: transparent; +} + +tabbar tab:active, notebook > header > tabs > tab:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + box-shadow: none; +} + +tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { + color: rgba(255, 255, 255, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(255, 255, 255, 0.04); +} + +notebook, notebook.frame { + background-color: #1e1e2e; + border-radius: 12px; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: rgba(255, 255, 255, 0.04); + margin: 3px; + border-radius: 9px; +} + +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: 0; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + margin-right: 0; + -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: 0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + margin-bottom: 0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 6px; +} + +notebook > header > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +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:not(:last-child), notebook > header.bottom > tabs > tab:not(: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: 0; + padding-bottom: 0; +} + +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:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + min-height: 36px; + border-bottom: none; + background: none; +} + +tabbar scrolledwindow.pinned undershoot { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { + border-left-width: 1px; +} + +tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { + border-right-width: 1px; +} + +tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar tabbox { + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + padding: 0; + margin: 0; + border-radius: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + min-width: 1px; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + margin: 0 -3px; + padding: 0; +} + +tabbar tabbox > tabboxchild > tab { + margin: 3px; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); +} + +tabbar .start-action, +tabbar .end-action { + background-color: rgba(255, 255, 255, 0.04); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.12); + border-style: solid; + transition: background 150ms ease-in-out; +} + +tabbar .start-action button, +tabbar .end-action button { + border: none; + border-radius: 0; +} + +tabbar .start-action:dir(ltr), +tabbar .end-action:dir(rtl) { + border-right-width: 1px; +} + +tabbar .start-action:dir(rtl), +tabbar .end-action:dir(ltr) { + border-left-width: 1px; +} + +tabbar:not(.inline) scrolledwindow.pinned undershoot { + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline) undershoot.left { + background: linear-gradient(to right, #11111b, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) undershoot.right { + background: linear-gradient(to left, #11111b, rgba(0, 0, 0, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar:not(.inline) .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); +} + +tabbar:not(.inline) tabbox > background { + background-color: #11111b; +} + +tabbar:not(.inline) .start-action, +tabbar:not(.inline) .end-action { + background-color: alpha(#11111b, 0.6); + border-color: rgba(255, 255, 255, 0.12); +} + +tabbar:not(.inline):backdrop .box { + background-color: #1e1e2e; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +dnd tab { + min-height: 24px; + background-color: #11111b; + color: #FFFFFF; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + outline: 1px solid rgba(0, 0, 0, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); +} + +tabbar tab, +dnd tab { + padding: 6px; +} + +tabbar tab button.image-button, +dnd tab button.image-button { + padding: 0; + margin: 0; + min-width: 24px; + min-height: 24px; + border-radius: 9999px; +} + +tabbar tab button.image-button.tab-close-button, +dnd tab button.image-button.tab-close-button { + margin-right: -3px; +} + +tabview:drop(active), +tabbox:drop(active) { + box-shadow: none; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #1e1e2e; + box-shadow: none; + outline: none; +} + +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 { + border: none; + background: none; + padding: 0; + outline: 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: #FFFFFF; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(255, 255, 255, 0.32); +} + +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; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 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.32); +} + +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(49, 50, 68, 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; + border: none; + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #cba6f7; +} + +switch:disabled { + opacity: 0.5; +} + +switch image { + margin: -8px; +} + +switch > slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); +} + +/************************* + * 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; +} + +.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 { + box-shadow: 0 0 0 10px rgba(255, 255, 255, 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: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(255, 255, 255, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04); + background-color: rgba(255, 255, 255, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(255, 255, 255, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(203, 166, 247, 0.15); + background-color: #e6d5fb; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(203, 166, 247, 0.2); + background-color: #cba6f7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(0, 0, 0, 0.6); + background-color: rgba(203, 166, 247, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +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/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +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/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +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-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +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-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus 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 { + box-shadow: none; +} + +treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +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.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#cba6f7); +} + +scale > trough > highlight:disabled { + background-color: #1e1e2e; + background-image: image(rgba(255, 255, 255, 0.32)); +} + +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 > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #cba6f7; + background-color: #1e1e2e; + box-shadow: inset 0 0 0 2px #cba6f7; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #cba6f7, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #cba6f7, 0 0 0 8px rgba(255, 255, 255, 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32); +} + +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 { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(255, 255, 255, 0.7); +} + +scale indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(0); +} + +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 indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +scale.horizontal.marks-after:not(.marks-before) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +scale.vertical.marks-before:not(.marks-after) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +scale.vertical.marks-after:not(.marks-before) > 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); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +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")); +} + +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")); +} + +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")); +} + +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: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * 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: 6px; + background-color: rgba(255, 255, 255, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #cba6f7; +} + +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: #cba6f7; +} + +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: 6px; +} + +levelbar block.low { + background-color: #FBC02D; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #cba6f7; +} + +levelbar block.full { + background-color: #66BB6A; +} + +levelbar block.empty { + background-color: rgba(255, 255, 255, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #FFFFFF; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e2e; + color: #FFFFFF; +} + +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: 6px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 6px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + background-color: #1e1e2e; + background-clip: border-box; + border: none; +} + +actionbar > revealer > box button, actionbar > revealer > box entry, +actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border: none; + background-image: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +listview, +list { + border-color: rgba(255, 255, 255, 0.12); + background-color: #1e1e2e; + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + 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:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +list.frame { + border-radius: 6px; +} + +listview.view { + color: #FFFFFF; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; + border-radius: 6px; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 6px; +} + +row { + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; +} + +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; +} + +.nautilus-window .nautilus-grid-view child.activatable, 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), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: #FFFFFF; + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: #FFFFFF; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: #FFFFFF; + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: rgba(0, 0, 0, 0.87); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: inherit; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected image, +row:selected label { + color: #FFFFFF; +} + +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); +} + +.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:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry .edit-icon, row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.entry.error text > selection:focus-within { + background-color: alpha(#F44336, 0.2); +} + +row.entry.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning text > selection:focus-within { + background-color: alpha(#FBC02D, 0.2); +} + +row.entry.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success text > selection:focus-within { + background-color: alpha(#66BB6A, 0.2); +} + +row.entry.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +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; +} + +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 { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { + background-color: alpha(currentColor, 0.08); +} + +list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { + background-color: alpha(currentColor, 0.03); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 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 image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #cba6f7; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +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: 6px; + border-top-right-radius: 6px; +} + +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.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 { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 0; +} + +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.column-separators > listview > row > cell { + border-left-color: rgba(255, 255, 255, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +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 #cba6f7; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #cba6f7; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: 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: #FFFFFF; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(255, 255, 255, 0.32); +} + +expander-widget > box > title { + border-radius: 6px; +} + +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: 6px; + color: #FFFFFF; +} + +calendar:disabled { + color: rgba(255, 255, 255, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +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: 6px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button { + border-radius: 0; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child { + border-radius: 0 0 0 12px; +} + +window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 0 0 12px 0; +} + +window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child { + border-radius: 0 0 12px 12px; +} + +window.dialog.message.background { + background-color: #313244; +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #313244; + color: #FFFFFF; +} + +window.dialog.message .titlebar:backdrop { + background-color: #313244; + color: rgba(255, 255, 255, 0.7); +} + +window.dialog.message .dialog-action-area { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0; + border-spacing: 0; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: #cba6f7; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #F44336; +} + +window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { + border-radius: 6px; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: #313244; + color: #FFFFFF; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area > box > button.suggested { + color: #cba6f7; +} + +window.messagedialog .response-area > box > button.destructive { + color: #F44336; +} + +window.messagedialog.csd:not(.solid-csd) { + border-radius: 12px; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button { + margin: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child { + margin-left: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child { + margin-right: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button { + margin-top: 0; + margin-bottom: 0; +} + +window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + margin-bottom: 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: #1e1e2e; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #11111b; +} + +.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; + color: inherit; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +leaflet.unfolded > box > stacksidebar.sidebar { + border: none; +} + +stacksidebar list { + padding: 6px; + background-color: #11111b; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + 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.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 4.5px 0; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar.background { + background-color: #11111b; + color: rgba(255, 255, 255, 0.7); +} + +.navigation-sidebar > separator { + margin: 4.5px 0; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + margin: 1.5px 6px; +} + +/**************** + * 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.32); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list > separator { + margin: 3px 0; +} + +placessidebar row:selected { + font-weight: 500; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label { + color: inherit; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar row.sidebar-new-bookmark-row { + color: #cba6f7; +} + +placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #cba6f7; +} + +placessidebar row:drop(active) { + background-color: 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(#393947); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #1e1e2e; + background-image: image(#393947), image(#393947); + 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: 6px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #1e1e2e; + color: #FFFFFF; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { + color: #cba6f7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #cba6f7; + 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: #bd8ff5; +} + +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: #FFFFFF; +} + +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: #FFFFFF; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: #FFFFFF; +} + +infobar.error:hover > revealer > box { + background-color: #f32c1e; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(11, 11, 18, 0.9); + color: #FFFFFF; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + border-radius: 6px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.top overlay { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +colorswatch.bottom { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +colorswatch.dark { + color: #FFFFFF; +} + +colorswatch.light { + color: rgba(0, 0, 0, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #cba6f7; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: #FFFFFF; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(255, 255, 255, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(255, 255, 255, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 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); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #313244; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 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: #1e1e2e; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + outline-offset: -1px; + outline: 1px solid rgba(255, 255, 255, 0.1); + margin: 0; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; +} + +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; + transition: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #11111b; + border: 1px solid #393947; +} + +window.solid-csd:backdrop { + background-color: #1e1e2e; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +windowcontrols button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 0 4px; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image { + padding: 0; +} + +windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25); +} + +windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + color: rgba(0, 0, 0, 0.5); +} + +windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { + background-color: rgba(255, 255, 255, 0.3); +} + +windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(255, 255, 255, 0.5); +} + +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { + background-color: #f9e2af; +} + +windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) { + background-color: #fbe9c3; +} + +windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { + background-color: #a6e3a1; +} + +windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) { + background-color: #bceab9; +} + +windowcontrols button.close:not(.suggested-action):not(.destructive-action) { + background-color: #f38ba8; +} + +windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: #f6a8be; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 9px; + margin-left: 9px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 9px; + margin-right: 9px; +} + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #cba6f7; + background-color: rgba(203, 166, 247, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: rgba(0, 0, 0, 0.87); + background-color: #cba6f7; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #cba6f7; + -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: 7px; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #313244; + color: #FFFFFF; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #cba6f7; +} + +stackswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + border-radius: 9px; + background-color: rgba(255, 255, 255, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +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):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * 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 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; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #cba6f7; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; +} + +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: #FFFFFF; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window placesview label { + color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(0, 0, 0, 0.87); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; +} + +#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button { + margin: 6px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(255, 255, 255, 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(255, 255, 255, 0.04); + border-radius: 6px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 6px; +} + +#NautilusPathButton.current-dir { + color: #FFFFFF; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: #1e1e2e; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +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); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #cba6f7; +} + +label.secondary-label { + color: rgba(255, 255, 255, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: #cba6f7; + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(#cba6f7, 0.3); +} + +popover.events { + background-color: #1e1e2e; + padding: 0; +} + +popover.events box { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +popover.events list { + background-color: #1e1e2e; + border-radius: 6px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 6px; +} + +event.timed widget.edge { + border-radius: 3px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 3px 3px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 3px 0 0 3px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #1e1e2e; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button, datechooser navigator button.image-button { + min-height: 36px; + min-width: 36px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(255, 255, 255, 0.5); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 36px; + min-width: 36px; + transition: none; +} + +datechooser button.day dot { + background-color: #FFFFFF; + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: #cba6f7; + color: rgba(0, 0, 0, 0.87); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: rgba(0, 0, 0, 0.87); +} + +datechooser button.day.today { + color: #cba6f7; +} + +datechooser button.day.today dot { + background-color: #cba6f7; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(255, 255, 255, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(255, 255, 255, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(255, 255, 255, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.week-header.lines { + color: rgba(255, 255, 255, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(255, 255, 255, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(#cba6f7, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#cba6f7, 0.25); +} + +monthcell { + border: solid 1px rgba(255, 255, 255, 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: #11111b; + transition: background-color 200ms; + color: #FFFFFF; +} + +monthcell:selected { + background-color: alpha(#cba6f7, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#cba6f7, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#cba6f7, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#cba6f7, 0.3); + color: #cba6f7; +} + +monthcell.today:selected { + background-color: alpha(#cba6f7, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#cba6f7, 0.35); +} + +monthcell label { + color: #FFFFFF; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(255, 255, 255, 0.04); +} + +monthcell.out-of-month label { + color: rgba(255, 255, 255, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 6px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 12px; +} + +agenda-view list > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background: alpha(#11111b, 0.7); + color: #FFFFFF; + border-radius: 6px; +} + +menubutton stack > box { + border-spacing: 6px; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #cba6f7; + border-radius: 0; + color: rgba(0, 0, 0, 0.87); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #FBC02D; +} + +.origin-button > button { + padding: 3px 9px; +} + +button.card.category-tile { + padding: 21px; + border: none; + border-radius: 6px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +button.card.category-tile.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +button.card.category-tile.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +button.card.category-tile.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +button.card.category-tile.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-develop { + background: #5e5c64; + color: white; +} + +button.card.category-tile.category-develop:hover { + background: shade(#5e5c64, 1.2); + color: white; +} + +button.card.category-tile.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +button.card.category-tile.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +button.card.category-tile.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +button.card.category-tile.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +button.card.category-tile.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +button.card.category-tile.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +button.card.category-tile.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(255, 255, 255, 0.7); +} + +button.card.category-tile.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +button.card.category-tile.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +button.card.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; +} + +button.card.category-tile.category-work:hover { + color: #1c71d8; + 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); +} + +button.card.category-tile.category-work:active { + color: #1c71d8; + 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); +} + +clamp.medium .category-tile:not(.category-tile-iconless), +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +.featured-tile { + all: unset; + padding: 0; + box-shadow: none; + color: #FFFFFF; +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(255, 255, 255, 0.04); + color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.application-details-infobar.warning { + background-color: #FBC02D; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, #cba6f7 2px, alpha(#cba6f7, 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(255, 255, 255, 0.5); + background-image: none; + background-color: rgba(255, 255, 255, 0.3); +} + +.review-histogram star-image { + color: rgba(255, 255, 255, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +star-image { + color: #FFD600; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 6px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #66BB6A, #5b9bf8); + color: white; +} + +.upgrade-buttons #button_upgrades_install { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(255, 255, 255, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +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 6px 6px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 6px 0 0 6px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(255, 255, 255, 0.12); +} + +carousel.card { + border: none; + background-color: rgba(255, 255, 255, 0.04); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: #FFFFFF; + background-color: rgba(255, 255, 255, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #419345; + background-color: rgba(102, 187, 106, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #5b9bf8; + background-color: rgba(91, 155, 248, 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: #FF8A65; + background-color: rgba(255, 138, 101, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #d2190b; + background-color: rgba(244, 67, 54, 0.15); +} + +.eol-red { + font-weight: bold; + color: #F44336; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: "tnum"; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #F44336; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 48px, #1e1e2e 48px, #1e1e2e); +} + +@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5); +@define-color weather_temp_chart_stroke_color #f0ad05; +@define-color weather_thermometer_warm_color #FBC02D; +@define-color weather_thermometer_cold_color #5b9bf8; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(255, 255, 255, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 6px; +} + +.forecast-card separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #FBC02D; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #5b9bf8; +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); +} + +.search-view { + background-color: #3c84f7; + color: #FFFFFF; +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 36px; + min-height: 36px; + padding: 0; + border-radius: 9999px; +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: #cba6f7; +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #3c84f7; + background-color: alpha(#5b9bf8, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #FF7043; + background-color: alpha(#FF8A65, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #FFD600; + background: alpha(#FBC02D, 0.25); +} + +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: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: #11111b; +} + +.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 tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton 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: 6px; + 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: #cba6f7; +} + +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; +} + +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; +} + +.card { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-clip: border-box; + color: rgba(255, 255, 255, 0.7); + box-shadow: none; + outline: none; + background-color: #1e1e2e; + color: #FFFFFF; +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.card.activatable:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +.card.activatable:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #FFFFFF; + outline: 0 solid transparent; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #1e1e2e; + color: #FFFFFF; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 0; +} + +viewswitcher.wide { + border-spacing: 3px; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 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; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #cba6f7; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(0, 0, 0, 0.87); +} + +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: 34px; +} + +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: #cba6f7; +} + +preferencesgroup > box .cutout-button { + background-color: #11111b; +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: #cba6f7; + border-radius: 6px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +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.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +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; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #FFFFFF; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #FFFFFF; +/* +widget base background color */ +@define-color theme_bg_color #1e1e2e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1e1e2e; +/* +base background color of selections */ +@define-color theme_selected_bg_color #cba6f7; +/* +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 #1e1e2e; +/* +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 #11111b; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #FFFFFF; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #FFFFFF; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1e2e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1e1e2e; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #cba6f7; +/* +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 #66BB6A; +/* +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 #FFFFFF; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_border #060609; +@define-color wm_bg #11111b; +@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #f38ba8; +@define-color wm_button_close_active_bg #ed547e; +@define-color wm_button_max_hover_bg #a6e3a1; +@define-color wm_button_max_active_bg #79d572; +@define-color wm_button_min_hover_bg #f9e2af; +@define-color wm_button_min_active_bg #f5cd76; +/* +FIXME this is really an API */ +@define-color content_view_bg #1e1e2e; +@define-color placeholder_text_color #bcbcc0; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e2e; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3); +@define-color budgie_tasklist_indicator_color_active #cba6f7; +@define-color budgie_tasklist_indicator_color_active_window #756192; +@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 #cba6f7; +@define-color accent_fg_color rgba(0, 0, 0, 0.87); +@define-color accent_color #cba6f7; +@define-color destructive_bg_color #F44336; +@define-color destructive_fg_color #FFFFFF; +@define-color destructive_color #F44336; +@define-color success_bg_color #66BB6A; +@define-color success_fg_color #FFFFFF; +@define-color success_color #66BB6A; +@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 #FFFFFF; +@define-color error_color #F44336; +@define-color window_bg_color #1e1e2e; +@define-color window_fg_color #FFFFFF; +@define-color view_bg_color #1e1e2e; +@define-color view_fg_color #FFFFFF; +@define-color headerbar_bg_color #11111b; +@define-color headerbar_fg_color #FFFFFF; +@define-color headerbar_border_color rgba(255, 255, 255, 0.12); +@define-color headerbar_backdrop_color #1e1e2e; +@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); +@define-color card_bg_color #1e1e2e; +@define-color card_fg_color #FFFFFF; +@define-color card_shade_color rgba(255, 255, 255, 0.12); +@define-color dialog_bg_color #11111b; +@define-color dialog_fg_color #FFFFFF; +@define-color popover_bg_color #1e1e2e; +@define-color popover_fg_color #FFFFFF; +@define-color shade_color rgba(255, 255, 255, 0.12); +@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12); diff --git a/.config/gtk-4.0/settings.ini b/.config/gtk-4.0/settings.ini new file mode 100644 index 0000000..5e47cd0 --- /dev/null +++ b/.config/gtk-4.0/settings.ini @@ -0,0 +1,3 @@ +[Settings] +gtk-theme-name=Catppuccin-Mocha-Standard-Mauve-Dark +gtk-application-prefer-dark-theme=true diff --git a/.config/nvim/init.vim b/.config/nvim/init.vim index 9dfcdc0..d71e897 100644 --- a/.config/nvim/init.vim +++ b/.config/nvim/init.vim @@ -4,6 +4,7 @@ Plug 'Yggdroot/indentLine' Plug 'catppuccin/nvim', { 'as': 'catppuccin' } Plug 'nvim-lualine/lualine.nvim' Plug 'nvim-tree/nvim-web-devicons' +Plug 'lervag/vimtex' call plug#end() " line numbers @@ -36,3 +37,17 @@ set tabstop=2 set softtabstop=2 " when indenting with '>', use 2 spaces width set shiftwidth=2 + +" vimtex config +let g:vimtex_view_method = 'zathura' +let g:vimtex_compiler_method = 'generic' +let g:vimtex_compiler_generic = { + \ 'command': 'pdflatex -interaction=nonstopmode -synctex=1 -file-line-error %f', + \ 'callback': 'vimtex#compiler#callback(!v:shell_error)', + \ 'options': { + \ 'continuous': '-shell-escape', + \ 'single_shot': '-shell-escape' + \ }, + \ 'env': {}, + \ 'append_args': [] + \ } diff --git a/.config/polybar/bars.ini b/.config/polybar/bars.ini new file mode 100644 index 0000000..e4d999c --- /dev/null +++ b/.config/polybar/bars.ini @@ -0,0 +1,73 @@ +[bar/mybar2] +monitor = ${env:MONITOR:HDMI-0} +enable-ipc = true +width = 1920 +height = 28 +offset-x = 0 +offset-y = 0 +radius = 0 +fixed-center = true +bottom = 0 + +background = ${colors.background} +foreground = ${colors.foreground} + +line-size = 0 + +padding-left = 0 +padding-right = 0 + +module-margin-left = 0 +module-margin-right = 0 + +override-redirect = false + +cursor-click = pointer +cursor-scroll = ns-resize + +font-0 = "Roboto:style=Regular:size=12;2" +font-1 = "Source Han Sans JP:style=Regular:size=11;2" +font-2 = "Hack Nerd Font:style=Regular:size=11;3" +font-3 = "Hack Nerd Font:style=Regular:size=20;5" +font-4 = "Source Han Sans JP:style=Heavy:size=11;2" # font-1 but bold, make sure to edit accordingly + +modules-left = powerline0 date powerline1 wlan eth powerline2 storage-root powerline1 storage-home powerline2 cpu powerline1 temperature powerline2 memory powerline4 xwindow +modules-right = polydoro pulseaudio ewmh battery systray + +[bar/mybar] +monitor = ${env:MONITOR:eDP-1} +monitor-fallback = ${env:MONITOR:eDP-1-1} +enable-ipc = true +width = 1920 +height = 28 +offset-x = 0 +offset-y = 0 +radius = 0 +fixed-center = true +bottom = 0 + +background = ${colors.background} +foreground = ${colors.foreground} + +line-size = 0 + +padding-left = 0 +padding-right = 0 + +module-margin-left = 0 +module-margin-right = 0 + +override-redirect = true + +cursor-click = pointer +cursor-scroll = ns-resize + +font-0 = "Roboto:style=Regular:size=12;2" +font-1 = "Source Han Sans JP:style=Regular:size=11;2" +font-2 = "Hack Nerd Font:style=Regular:size=11;3" +font-3 = "Hack Nerd Font:style=Regular:size=20;5" +font-4 = "Source Han Sans JP:style=Heavy:size=11;2" # font-1 but bold, make sure to edit accordingly + +modules-left = powerline0 date powerline1 wlan eth powerline2 storage-root powerline1 storage-home powerline2 cpu powerline1 temperature powerline2 memory powerline1 backlight powerline3 xwindow +modules-right = polydoro pulseaudio ewmh battery +#systray diff --git a/.config/polybar/colors.ini b/.config/polybar/colors.ini new file mode 100644 index 0000000..6272c96 --- /dev/null +++ b/.config/polybar/colors.ini @@ -0,0 +1,79 @@ +[colors] +mauve = #cba6f7 +red = #f38ba8 +mantle = #181825 +peach = #fab387 + +background = #E611111b +background-solid = #11111b +foreground = ${colors.mauve} +foreground-alt = #11111b +foreground-dull = #6c7086 + +systray-bg = ${colors.background-solid} +systray-fg = ${colors.foreground} + +module-color-0 = ${colors.mantle} +module-color-1 = ${colors.mauve} + +xwindow-fg = ${colors.module-color-1} +xwindow-bg = ${colors.background} + +ws-active-fg = ${colors.foreground-alt} +ws-active-bg = ${colors.module-color-1} + +ws-occupied-fg = ${colors.module-color-1} +ws-occupied-bg = ${colors.background} + +ws-empty-fg = ${colors.foreground-dull} +ws-empty-bg = ${colors.background} + +ws-urgent-fg = ${colors.foreground-alt} +ws-urgent-bg = ${colors.red} + +time-fg = ${colors.foreground-alt} +time-bg = ${colors.module-color-1} + +ethernet-fg = ${colors.foreground} +ethernet-bg = ${colors.module-color-0} + +wifi-fg = ${colors.ethernet-fg} +wifi-bg = ${colors.ethernet-bg} + +fs-root-fg = ${colors.foreground-alt} +fs-root-bg = ${colors.module-color-1} + +fs-home-fg = ${colors.foreground} +fs-home-bg = ${colors.module-color-0} + +cpu-fg = ${colors.foreground-alt} +cpu-bg = ${colors.module-color-1} + +temp-fg = ${colors.foreground} +temp-bg = ${colors.module-color-0} +temp-warn-fg = ${colors.red} +temp-warn-bg = ${colors.module-color-0} + +mem-fg = ${colors.foreground-alt} +mem-bg = ${colors.module-color-1} + +vol-fg = ${colors.foreground-alt} +vol-bg = ${colors.mauve} + +vol-fg-alt = ${colors.foreground-alt} +vol-bg-alt = ${colors.peach} + +batt-charging-bg = ${colors.mauve} +batt-charging-fg = ${colors.foreground-alt} + +batt-discharging-bg = ${colors.peach} +batt-discharging-fg = ${colors.foreground-alt} + +batt-low-bg = ${colors.red} +batt-low-fg = ${colors.foreground-alt} + +batt-full-bg = ${colors.background} +batt-full-fg = ${colors.module-color-0} + +backlight-bg = ${colors.module-color-0} +backlight-fg = ${colors.foreground} diff --git a/.config/polybar/config.ini b/.config/polybar/config.ini index cef5832..2e39b7f 100644 --- a/.config/polybar/config.ini +++ b/.config/polybar/config.ini @@ -1,430 +1,11 @@ -;========================================================== -; -; -; ██████╗ ██████╗ ██╗ ██╗ ██╗██████╗ █████╗ ██████╗ -; ██╔══██╗██╔═══██╗██║ ╚██╗ ██╔╝██╔══██╗██╔══██╗██╔══██╗ -; ██████╔╝██║ ██║██║ ╚████╔╝ ██████╔╝███████║██████╔╝ -; ██╔═══╝ ██║ ██║██║ ╚██╔╝ ██╔══██╗██╔══██║██╔══██╗ -; ██║ ╚██████╔╝███████╗██║ ██████╔╝██║ ██║██║ ██║ -; ╚═╝ ╚═════╝ ╚══════╝╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ -; -; -; To learn more about how to configure Polybar -; go to https://github.com/polybar/polybar -; -; The README contains a lot of information -; -;========================================================== - -[colors] -;background = #dd1e2120 -background = #c7100b13 -;background = #1d1f21 -;background = #282c34 ;dt -foreground = #FFFFFF - -;systray-bg = #232627 -systray-bg = ${colors.background} - - -;module-color-0 = #9a30a4 -;module-color-1 = #f56ea5 - -;module-color-0 = #9b1bed -;module-color-1 = #ff0aa3 - -;module-color-0 = #a663cc -;module-color-1 = #fb6f92 - -module-color-0 = #c678dd -module-color-1 = #fb6f92 -;module-color-1 = #51afef - -;module-color-0 = #1ca09d -;module-color-1 = #2be38f - -;module-bg = #e6100b13 -module-bg = ${colors.background} -module-bg-alt = ${colors.module-bg} - -;xwindow-fg = #9d00ff -;window-fg = #1ca09d -xwindow-fg = ${colors.module-color-0} - -ws-active-fg = #232627 -ws-active-bg = ${colors.module-color-1} -ws-active-ul = #d33682 - -ws-occupied-fg = #232627 -ws-occupied-bg = ${colors.module-color-0} -ws-occupied-ul = #130f23 - -ws-empty-fg = ${colors.xwindow-fg} -ws-empty-bg = ${colors.background} -ws-empty-ul = ${colors.background} - -ws-urgent-fg = ${colors.module-color-1} -ws-urgent-bg = ${colors.module-color-0} -ws-urgent-ul = #d33682 - -time-fg = ${colors.module-color-1} -time-bg = ${colors.module-bg} - -uptime-fg = ${colors.module-color-1} -uptime-bg = ${colors.module-bg} - -ethernet-fg = ${colors.module-color-0} -ethernet-bg = ${colors.module-bg} - -wifi-fg = ${colors.ethernet-fg} -wifi-bg = ${colors.module-bg} - -fs-root-fg = ${colors.module-color-1} -fs-root-bg = ${colors.module-bg} - -;fs-home-fg = ${colors.module-color-1} -;fs-home-bg = ${colors.module-bg} - -fs-hdd-fg = ${colors.module-color-0} -fs-hdd-bg = ${colors.module-bg} - -cpu-fg = ${colors.module-color-1} -cpu-bg = ${colors.module-bg} - -temp-fg = ${colors.module-color-0} -temp-bg = ${colors.module-bg} -temp-warn-fg = ${colors.temp-fg} -temp-warn-bg = ${colors.module-bg-alt} - -mem-fg = ${colors.module-color-1} -mem-bg = ${colors.module-bg} - -vol-fg = ${colors.module-color-1} -vol-bg = ${colors.module-bg} -;vol-fg-alt = #c32aeb -vol-fg-alt = ${colors.module-color-0} - -batt-charging-bg = ${colors.module-bg} -batt-charging-fg = ${colors.module-color-0} - -batt-discharging-bg = ${colors.module-bg} -batt-discharging-fg = ${colors.module-color-1} - -batt-full-bg = ${colors.module-bg} -batt-full-fg = ${colors.module-color-0} - -; same as mybar but on second monitor -; also has different font size, bar height, etc -; modules are the same and should be synced if either is changed -[bar/mybar2] -tray-position = right -tray-padding = 2 -tray-background = ${colors.systray-bg} - -monitor = ${env:MONITOR:HDMI-0} -enable-ipc = true -width = 1906 -height = 22 -offset-x = 7 -offset-y = 6 -radius = 2 -fixed-center = true -bottom = 0 - -background = ${colors.background} -foreground = ${colors.foreground} - -line-size = 0 -line-color = #f00 - -border-size = 0 -border-color = #00000000 - -padding-left = 0 -padding-right = 0 - -module-margin-left = 0 -module-margin-right = 0 - -font-0 = "SauceCodePro:style=Regular:size=9;3" -font-1 = "Source Han Sans JP Normal:size=9;3" -font-2 = "RobotoMono Nerd Font Mono:size=22;5" -font-3 = fixed:pixelsize=10;1 -;font-4 = unifont:fontformat=truetype:size=8:antialias=false;0 -;font-5 = siji:pixelsize=10;1 - -modules-left = date uptime wlan eth storage-ssd storage-hdd cpu temperature memory mpd -modules-center = xwindow -modules-right = battery pulseaudio ewmh - -override-redirect = false - -cursor-click = pointer -cursor-scroll = ns-resize - -[bar/mybar] -tray-position = right -tray-padding = 2 -tray-background = ${colors.systray-bg} - -monitor = ${env:MONITOR:eDP-1} -monitor-fallback = ${env:MONITOR:eDP-1-1} -enable-ipc = true -width = 1920 -height = 28 -offset-x = 0 -offset-y = 0 -radius = 0 -fixed-center = true -bottom = 0 - -background = ${colors.background} -foreground = ${colors.foreground} - -line-size = 0 -line-color = #f00 - -border-size = 0 -border-color = #00000000 - -padding-left = 0 -padding-right = 0 - -module-margin-left = 0 -module-margin-right = 0 - -font-0 = "SauceCodePro:style=Regular:size=12;3" -font-1 = "Source Han Sans JP Normal:size=11;2" -font-2 = "RobotoMono Nerd Font Mono:size=22;5" -font-3 = fixed:pixelsize=10;1 -;font-4 = unifont:fontformat=truetype:size=8:antialias=false;0 -;font-5 = siji:pixelsize=10;1 - -modules-left = date uptime wlan eth storage-ssd storage-hdd cpu temperature memory xwindow -modules-right = battery pulseaudio ewmh - -override-redirect = true - -cursor-click = pointer -cursor-scroll = ns-resize - -[module/xwindow] -type = internal/xwindow -label = " %title:0:50:...%" -label-foreground = ${colors.xwindow-fg} - -[module/storage-ssd] -type = internal/fs -interval = 25 - -mount-0 = / - -label-mounted = " SSD: %percentage_used%% " -label-mounted-background = ${colors.fs-root-bg} -label-mounted-foreground = ${colors.fs-root-fg} - -[module/storage-hdd] -type = internal/fs -interval = 25 - -mount-0 = /home/zt/hdd - -label-mounted = " HDD: %percentage_used%% " -label-mounted-background = ${colors.fs-hdd-bg} -label-mounted-foreground = ${colors.fs-hdd-fg} - -[module/cpu] -type = internal/cpu -interval = 2 -label = " CPU: %percentage:2%% " -label-background = ${colors.cpu-bg} -label-foreground = ${colors.cpu-fg} - -[module/memory] -type = internal/memory -interval = 2 - - -label-background = ${colors.mem-bg} -label-foreground = ${colors.mem-fg} -label = " MEM: %percentage_used%% " - -[module/wlan] -type = internal/network -interface = wlo1 -interval = 3.0 - -format-connected = <ramp-signal> <label-connected> -format-connected-background = ${colors.wifi-bg} -format-connected-foreground = ${colors.wifi-fg} -label-connected = "WIFI: %essid% (%local_ip%)" -;label-connected = "%local_ip%" - -label-disconnected = "" -label-disconnected-foreground = ${colors.foreground} -label-disconnected-background = ${colors.wifi-bg} - -ramp-signal-0 = -ramp-signal-1 = -ramp-signal-2 = -ramp-signal-3 = -ramp-signal-4 = -ramp-signal-foreground = ${colors.foreground} - -[module/eth] -type = internal/network -interface = eno1 -interval = 3.0 - -label-connected-background = ${colors.ethernet-bg} -label-connected-foreground = ${colors.ethernet-fg} - -format-connected-underline = #55aa55 -format-connected-prefix = "" -format-connected-prefix-foreground = ${colors.foreground} -label-connected = " %local_ip% " - -format-disconnected = -;format-disconnected = <label-disconnected> -;format-disconnected-underline = ${self.format-connected-underline} -;label-disconnected = %ifname% disconnected -;label-disconnected-foreground = ${colors.foreground-alt} - -[module/date] -type = internal/date -interval = 5 - -time = " %I:%M %p " -time-alt = " %d %B %Y (%A) %H:%M:%S " - -format-foreground = ${colors.time-fg} -format-background = ${colors.time-bg} - -label = %{A3:#uptime.module_toggle:}%time%%{A3} - -[module/uptime] -type = custom/script -click-left = module_toggle -interval = 100 -exec = "uptime | awk -F, '{sub(".*up ",x,$1);sub(" min","",$1);sub(":","H ",$1);print $1"M"}'" -label = "/ UP: %output% " - -hidden = true -format-foreground = ${colors.uptime-fg} -format-background = ${colors.uptime-bg} - -[module/pulseaudio] -type = internal/pulseaudio -format-volume = <label-volume> -label-volume = " VOL: %percentage%% " -label-volume-background = ${colors.vol-bg} -label-volume-foreground = ${colors.vol-fg} - -use-ui-max = false -label-muted = " MUTED " -label-muted-foreground = ${colors.vol-fg-alt} -label-muted-background = ${colors.vol-bg} - -[module/temperature] -type = internal/temperature -thermal-zone = 0 -warn-temperature = 65 - -label = " TEMP: %temperature-c% " -label-warn-foreground = ${colors.temp-warn-fg} -label-warn-background = ${colors.temp-warn-bg} - -label-background = ${colors.temp-bg} -label-foreground = ${colors.temp-fg} +include-file = ./powerline.ini +include-file = ./bars.ini +include-file = ./colors.ini +include-file = ./modules.ini [settings] screenchange-reload = true -;compositing-background = xor -;compositing-background = screen -;compositing-foreground = source -;compositing-border = over -;pseudo-transparency = false [global/wm] margin-top = 0 margin-bottom = 0 - -[module/battery] -type = internal/battery - -; This is useful in case the battery never reports 100% charge -full-at = 100 - -; Use the following command to list batteries and adapters: -; $ ls -1 /sys/class/power_supply/ -battery = BAT0 -adapter = ADP1 - -poll-interval = 5 - -label-full = -label-discharging = " BATT: %percentage%% " -label-charging = " BATT: %percentage%% " - -label-charging-background = ${colors.batt-charging-bg} -label-charging-foreground = ${colors.batt-charging-fg} - -label-discharging-background = ${colors.batt-discharging-bg} -label-discharging-foreground = ${colors.batt-discharging-fg} - -label-full-background = ${colors.batt-full-bg} -label-full-foreground = ${colors.batt-full-fg} - -[module/ewmh] -type = internal/xworkspaces - -pin-workspaces = false -enable-click = true -enable-scroll = false -format = <label-state> - -label-monitor = %name% - -label-active = %name% -label-active-foreground = ${colors.ws-active-fg} -label-active-background = ${colors.ws-active-bg} -label-active-underline = ${colors.ws-active-ul} -label-active-padding = 3 - -label-occupied = %name% -label-occupied-foreground = ${colors.ws-occupied-fg} -label-occupied-background = ${colors.ws-occupied-bg} -label-occupied-underline = ${colors.ws-occupied-ul} -label-occupied-padding = 3 - -label-empty = %name% -label-empty-foreground = ${colors.ws-empty-fg} -label-empty-background = ${colors.ws-empty-bg} -label-empty-underline = ${colors.ws-empty-ul} -label-empty-padding = 3 - -label-background = #FFFFFF - -label-urgent = %name% -label-urgent-foreground = ${colors.ws-urgent-fg} -label-urgent-background = ${colors.ws-urgent-bg} -label-urgent-underline = ${colors.ws-urgent-ul} -label-urgent-padding = 3 - -[module/mpd] -type = internal/mpd - -format-online = <label-song> <label-time> -label-song = %title% - -label-song-foreground = ${colors.module-color-0} -label-time-foreground = ${colors.module-color-0} - -; Host where mpd is running (either ip or domain name) -; Can also be the full path to a unix socket where mpd is running. -host = 127.0.0.1 -port = 6600 - -; Seconds to sleep between progressbar/song timer sync -; Default: 1 -interval = 1 diff --git a/.config/polybar/doom-one-dark-colors-config b/.config/polybar/doom-one-dark-colors-config deleted file mode 100644 index 3f8c502..0000000 --- a/.config/polybar/doom-one-dark-colors-config +++ /dev/null @@ -1,467 +0,0 @@ -;========================================================== -; -; -; ██████╗ ██████╗ ██╗ ██╗ ██╗██████╗ █████╗ ██████╗ -; ██╔══██╗██╔═══██╗██║ ╚██╗ ██╔╝██╔══██╗██╔══██╗██╔══██╗ -; ██████╔╝██║ ██║██║ ╚████╔╝ ██████╔╝███████║██████╔╝ -; ██╔═══╝ ██║ ██║██║ ╚██╔╝ ██╔══██╗██╔══██║██╔══██╗ -; ██║ ╚██████╔╝███████╗██║ ██████╔╝██║ ██║██║ ██║ -; ╚═╝ ╚═════╝ ╚══════╝╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ -; -; -; To learn more about how to configure Polybar -; go to https://github.com/polybar/polybar -; -; The README contains a lot of information -; -;========================================================== - -[colors] -background = #171520 -background-alt = #130f23 -foreground = #dfdfdf -foreground-alt = #555 -primary = #ffb52a -secondary = #e60053 -alert = #bd2c40 -;systray-bg = #0063ff -;systray-bg = #232627 -;systray-bg = #bd93f9 -;systray-bg = #ff79c6 -systray-bg = #282a36 - -ws-active-fg = #ffffff -ws-active-bg = #d33682 -ws-active-ul = #d33682 - -ws-occupied-fg = #268bd2 -ws-occupied-bg = #130f23 -ws-occupied-ul = #130f23 - -ws-empty-fg = #02fc45 -ws-empty-bg = ${colors.background} -ws-empty-ul = ${colors.background} - -time-bg = #9aedfe -time-fg = #232627 - -ethernet-bg = #ff92d0 -ethernet-fg = #232627 - -wifi-bg = #caa9fa -wifi-fg = #232627 - -temp-bg = #f4f99d -temp-fg = #232627 - -cpu-bg = ${colors.temp-bg} -cpu-fg = ${colors.temp-fg} - -mem-bg = #5af78e -mem-fg = #232627 - -vol-bg = #ff6e67 -vol-fg = #232627 -vol-fg-alt = ${colors.foreground-alt} - -[bar/mybar] -;monitor = ${env:MONITOR:eDP-1-1} -enable-ipc = true -width = 100% -height = 32 -offset-x = 0% -offset-y = 0% -radius = 0 -fixed-center = false -bottom = 0 - -background = ${colors.background} -foreground = ${colors.foreground} - -line-size = 0 -line-color = #f00 - -border-size = 0 -border-color = #00000000 - -padding-left = 0 -padding-right = 0 - -module-margin-left = 0 -module-margin-right = 0 - -font-0 = "Sauce Code Pro:size=12;3" -font-1 = "Source Han Sans JP Normal:size=12;2" -font-2 = "RobotoMono Nerd Font Mono:size=22;5" -font-3 = fixed:pixelsize=10;1 -font-4 = unifont:fontformat=truetype:size=8:antialias=false;0 -font-5 = siji:pixelsize=10;1 - -modules-left = ewmh xwindow -modules-right = vol-arrow pulseaudio mem-arrow memory cpu-arrow cpu temperature wifi-arrow wlan ethernet-arrow eth date-arrow date systray-arrow - -tray-position = right -tray-padding = 2 -tray-background = ${colors.systray-bg} - -;wm-restack = bspwm -;wm-restack = i3 - -override-redirect = true - -cursor-click = pointer -cursor-scroll = ns-resize - -[bar/mybar-bspwm] -;monitor = ${env:MONITOR:HDMI-1} -width = 100% -height = 35 -offset-x = 0% -offset-y = 0% -radius = 0 -fixed-center = false -bottom = 0 - -background = ${colors.background} -foreground = ${colors.foreground} - -line-size = 3 -line-color = #f00 - -border-size = 0 -border-color = #00000000 - -padding-left = 0 -padding-right = 2 - -module-margin-left = 1 -module-margin-right = 2 - -font-0 = "Sauce Code Pro:size=12" -font-1 = "Source Han Sans JP Normal:size=12" -font-2 = fixed:pixelsize=10;1 -font-3 = unifont:fontformat=truetype:size=8:antialias=false;0 -font-4 = siji:pixelsize=10;1 - -modules-left = bspwm xwindow -modules-right = pulseaudio memory cpu temperature xkeyboard wlan eth date - -tray-position = right -tray-padding = 2 -tray-background = #0063ff - -;wm-restack = bspwm -;wm-restack = i3 - -override-redirect = true - -scroll-up = bspwm-desknext -scroll-down = bspwm-deskprev - -cursor-click = pointer -cursor-scroll = ns-resize - -[module/xwindow] -type = internal/xwindow -label = %title:0:50:...% - -[module/xkeyboard] -type = internal/xkeyboard -;blacklist-0 = num lock - -format-prefix = "" -format-prefix-foreground = ${colors.foreground-alt} -format-prefix-underline = ${colors.secondary} - -label-layout = %layout% -label-layout-underline = ${colors.secondary} - -label-indicator-padding = 2 -label-indicator-margin = 1 -label-indicator-background = ${colors.secondary} -label-indicator-underline = ${colors.secondary} - -[module/filesystem] -type = internal/fs -interval = 25 - -mount-0 = / -mount-1 = /home -;mount-2 = /mnt - -label-mounted = %{F#0a81f5}%mountpoint%%{F-}: %percentage_used%% -label-unmounted = %mountpoint% not mounted -label-unmounted-foreground = ${colors.foreground-alt} - -[module/mpd] -type = internal/mpd -format-online = <label-song> <icon-prev> <icon-stop> <toggle> <icon-next> - -icon-prev = -icon-stop = -icon-play = -icon-pause = -icon-next = - -label-song-maxlen = 25 -label-song-ellipsis = true - -bar-width = 10 -bar-indicator = | -bar-indicator-foreground = #fff -bar-indicator-font = 2 -bar-fill = ─ -bar-fill-font = 2 -bar-fill-foreground = #9f78e1 -bar-empty = ─ -bar-empty-font = 2 -bar-empty-foreground = ${colors.foreground-alt} - -[module/cpu] -type = internal/cpu -interval = 2 -label = "CPU: %percentage:2%%" -label-background = ${colors.cpu-bg} -label-foreground = ${colors.cpu-fg} - -[module/cpu-arrow] -type = custom/text -content = "" -content-foreground = ${colors.cpu-bg} -content-background = ${colors.mem-bg} - -[module/memory] -type = internal/memory -interval = 2 - -label-background = ${colors.mem-bg} -label-foreground = ${colors.mem-fg} -label = "MEM: %percentage_used%% " - -[module/mem-arrow] -type = custom/text -content = "" -content-foreground = ${colors.mem-bg} -content-background = ${colors.vol-bg} - -[module/wlan] -type = internal/network -interface = wlo1 -interval = 3.0 - -format-connected = <ramp-signal> <label-connected> -format-connected-background = ${colors.wifi-bg} -format-connected-foreground = ${colors.wifi-fg} -label-connected = "%essid% " - -label-disconnected = "WiFi Disconnected " -label-disconnected-foreground = ${colors.foreground-alt} -label-disconnected-background = ${colors.wifi-bg} - -ramp-signal-0 = -ramp-signal-1 = -ramp-signal-2 = -ramp-signal-3 = -ramp-signal-4 = -ramp-signal-foreground = ${colors.foreground-alt} - -[module/wifi-arrow] -type = custom/text -content = "" -content-foreground = ${colors.wifi-bg} -content-background = ${colors.cpu-bg} - -[module/eth] -type = internal/network -interface = eno1 -interval = 3.0 - -label-connected-background = ${colors.ethernet-bg} -label-connected-foreground = ${colors.ethernet-fg} - -format-connected-underline = #55aa55 -format-connected-prefix = "" -format-connected-prefix-foreground = ${colors.foreground-alt} -label-connected = "%local_ip% " - -format-disconnected = -;format-disconnected = <label-disconnected> -;format-disconnected-underline = ${self.format-connected-underline} -;label-disconnected = %ifname% disconnected -;label-disconnected-foreground = ${colors.foreground-alt} - -[module/ethernet-arrow] -type = custom/text -content = "" -content-foreground = ${colors.ethernet-bg} -content-background = ${colors.wifi-bg} - -[module/date] -type = internal/date -interval = 5 - -;date = -;date-alt = " %d-%m-%Y" - -time = "%I:%M %p " -time-alt = "%d %B %Y (%A) %H:%M:%S " - -format-foreground = ${colors.time-fg} -format-background = ${colors.time-bg} - -label = %time% - -[module/date-arrow] -type = custom/text -content = "" -;content-font = 2 -content-foreground = ${colors.time-bg} -content-background = ${colors.ethernet-bg} - -[module/systray-arrow] -type = custom/text -content = "" -content-foreground = ${colors.systray-bg} -content-background = ${colors.time-bg} - -[module/pulseaudio] -type = internal/pulseaudio -format-volume = <label-volume> -label-volume = "VOL %percentage%% " -label-volume-background = ${colors.vol-bg} -label-volume-foreground = ${colors.vol-fg} - -label-muted = "muted " -label-muted-foreground = ${colors.vol-fg-alt} -label-muted-background = ${colors.vol-bg} - -[module/vol-arrow] -type = custom/text -content = "" -content-foreground = ${colors.vol-bg} -content-background = ${colors.background} - -[module/alsa] -type = internal/alsa - -format-volume = <label-volume> <bar-volume> -label-volume = VOL -label-volume-foreground = ${root.foreground} - -format-muted-prefix = " " -format-muted-foreground = ${colors.foreground-alt} -label-muted = sound muted - -bar-volume-width = 10 -bar-volume-foreground-0 = #55aa55 -bar-volume-foreground-1 = #55aa55 -bar-volume-foreground-2 = #55aa55 -bar-volume-foreground-3 = #55aa55 -bar-volume-foreground-4 = #55aa55 -bar-volume-foreground-5 = #f5a70a -bar-volume-foreground-6 = #ff5555 -bar-volume-gradient = false -bar-volume-indicator = | -bar-volume-indicator-font = 2 -bar-volume-fill = ─ -bar-volume-fill-font = 2 -bar-volume-empty = ─ -bar-volume-empty-font = 2 -bar-volume-empty-foreground = ${colors.foreground-alt} - -[module/temperature] -type = internal/temperature -thermal-zone = 0 -warn-temperature = 65 - -label = " / %temperature-c% " -label-warn-foreground = ${colors.secondary} - -label-background = ${colors.temp-bg} -label-foreground = ${colors.temp-fg} - -[settings] -screenchange-reload = true -;compositing-background = xor -;compositing-background = screen -;compositing-foreground = source -;compositing-border = over -;pseudo-transparency = false - -[global/wm] -margin-top = 0 -margin-bottom = 0 - -; vim:ft=dosini - -[module/ewmh] -type = internal/xworkspaces - -pin-workspaces = false -enable-click = true -enable-scroll = false -format = <label-state> - -label-monitor = %name% - -label-active = %name% -label-active-foreground = ${colors.ws-active-fg} -label-active-background = ${colors.ws-active-bg} -label-active-underline = ${colors.ws-active-ul} -label-active-padding = 2 - -label-occupied = %name% -label-occupied-foreground = ${colors.ws-occupied-fg} -label-occupied-background = ${colors.ws-occupied-bg} -label-occupied-underline = ${colors.ws-occupied-ul} -label-occupied-padding = 2 - -label-empty = %name% -label-empty-foreground = ${colors.ws-empty-fg} -label-empty-background = ${colors.ws-empty-bg} -label-empty-underline = ${colors.ws-empty-ul} -label-empty-padding = 2 - -label-urgent = %name% -label-urgent-foreground = #000000 -label-urgent-background = #bd2c40 -label-urgent-underline = #9b0a20 -label-urgent-padding = 4 - -[module/bspwm] -type = internal/bspwm - -; this is exactly the same as ewmh but the type is different -; somehow ewmh conflicts with lxsession in bspwm -pin-workspaces = false -enable-click = true -enable-scroll = false -format = <label-state> - -label-monitor = %name% - -label-active = %name% -label-active-foreground = ${colors.ws-active-fg} -label-active-background = ${colors.ws-active-bg} -label-active-underline = ${colors.ws-active-ul} -label-active-padding = 2 - -label-occupied = %name% -label-occupied-foreground = ${colors.ws-occupied-fg} -label-occupied-background = ${colors.ws-occupied-bg} -label-occupied-underline = ${colors.ws-occupied-ul} -label-occupied-padding = 2 - -label-empty = %name% -label-empty-foreground = ${colors.ws-empty-fg} -label-empty-background = ${colors.ws-empty-bg} -label-empty-underline = ${colors.ws-empty-ul} -label-empty-padding = 2 - -label-urgent = %name% -label-urgent-foreground = #000000 -label-urgent-background = #bd2c40 -label-urgent-underline = #9b0a20 -label-urgent-padding = 4 - - diff --git a/.config/polybar/modules.ini b/.config/polybar/modules.ini new file mode 100644 index 0000000..57b35cf --- /dev/null +++ b/.config/polybar/modules.ini @@ -0,0 +1,230 @@ +[module/date] +type = internal/date +interval = 5 + +time = " %I:%M %p " +time-alt = " %d %B %Y (%A) %H:%M:%S " + +format-foreground = ${colors.time-fg} +format-background = ${colors.time-bg} + +label = %time% + +[module/xwindow] +type = internal/xwindow +label = " %title:0:60:...%" +label-foreground = ${colors.xwindow-fg} +label-background = ${colors.xwindow-bg} + +[module/storage-root] +type = internal/fs +interval = 25 + +mount-0 = / + +label-mounted = " / %percentage_used%% " +label-mounted-background = ${colors.fs-root-bg} +label-mounted-foreground = ${colors.fs-root-fg} + +[module/storage-home] +type = internal/fs +interval = 25 + +mount-0 = /home/vidhukant + +label-mounted = " /home %percentage_used%% " +label-mounted-background = ${colors.fs-home-bg} +label-mounted-foreground = ${colors.fs-home-fg} + +[module/cpu] +type = internal/cpu +interval = 2 +label = " %{T3} %{T-}%percentage:2%% " +label-background = ${colors.cpu-bg} +label-foreground = ${colors.cpu-fg} + +[module/memory] +type = internal/memory +interval = 2 + +label-background = ${colors.mem-bg} +label-foreground = ${colors.mem-fg} +label = " %{T3} %{T-} %percentage_used%% " + +[module/wlan] +type = internal/network +interface = wlo1 +interval = 3.0 + +format-connected = <ramp-signal> <label-connected> +format-connected-background = ${colors.wifi-bg} +format-connected-foreground = ${colors.wifi-fg} +label-connected = "%essid% (%local_ip%)" +;label-connected = "%local_ip%" + +label-disconnected = "" +label-disconnected-foreground = ${colors.foreground} +label-disconnected-background = ${colors.wifi-bg} + +ramp-signal-0 = " %{T3} %{T-}" +ramp-signal-1 = " %{T3} %{T-}" +ramp-signal-2 = " %{T3} %{T-}" +ramp-signal-3 = " %{T3} %{T-}" +ramp-signal-4 = " %{T3} %{T-}" +ramp-signal-foreground = ${colors.foreground} + +[module/eth] +type = internal/network +interface = eno1 +interval = 3.0 + +label-connected-background = ${colors.ethernet-bg} +label-connected-foreground = ${colors.ethernet-fg} + +format-connected-prefix = "" +format-connected-prefix-foreground = ${colors.foreground} +label-connected = " %{T3} %{T-} %local_ip% " + +format-disconnected = +;format-disconnected = <label-disconnected> +;label-disconnected = %ifname% disconnected +;label-disconnected-foreground = ${colors.foreground-alt} + +[module/uptime] +type = custom/script +click-left = module_toggle +interval = 100 +exec = "uptime | awk -F, '{sub(".*up ",x,$1);sub(" min","",$1);sub(":","H ",$1);print $1"M"}'" +label = "/ UP: %output% " + +hidden = true +format-foreground = ${colors.uptime-fg} +format-background = ${colors.uptime-bg} + +[module/pulseaudio] +type = internal/pulseaudio +format-volume = <label-volume> +label-volume = " %{T3} %{T-}%percentage%% " +label-volume-background = ${colors.vol-bg} +label-volume-foreground = ${colors.vol-fg} + +use-ui-max = false +label-muted = " %{T3} %{T-}%percentage%% " +label-muted-foreground = ${colors.vol-fg-alt} +label-muted-background = ${colors.vol-bg-alt} + +[module/temperature] +type = internal/temperature +thermal-zone = 0 +warn-temperature = 65 + +label = " %{T3} %{T-} %temperature-c% " +label-warn = " %{T3} %{T-} %temperature-c% " + +label-background = ${colors.temp-bg} +label-foreground = ${colors.temp-fg} +label-warn-foreground = ${colors.temp-warn-fg} +label-warn-background = ${colors.temp-warn-bg} + +[module/battery] +type = internal/battery + +low-at = 30 +full-at = 100 +battery = BAT0 +adapter = ADP1 +poll-interval = 5 + +label-charging = " %{T3} %{T-}%percentage%% " +label-discharging = " %{T3} %{T-}%percentage%% " +label-low = " %{T3} %{T-}%percentage%% " +label-full = + +# for some reason it won't work properly without this +format-low = <label-low> + +label-charging-background = ${colors.batt-charging-bg} +label-charging-foreground = ${colors.batt-charging-fg} + +label-discharging-background = ${colors.batt-discharging-bg} +label-discharging-foreground = ${colors.batt-discharging-fg} + +label-low-background = ${colors.batt-low-bg} +label-low-foreground = ${colors.batt-low-fg} + +label-full-background = ${colors.batt-full-bg} +label-full-foreground = ${colors.batt-full-fg} + +[module/ewmh] +type = internal/xworkspaces + +pin-workspaces = false +enable-click = true +enable-scroll = false +format = <label-state> + +label-monitor = %name% + +label-active = %name% +label-active-foreground = ${colors.ws-active-fg} +label-active-background = ${colors.ws-active-bg} +label-active-padding = 3 + +label-occupied = "%{T5}%name%%{T-}" +label-occupied-foreground = ${colors.ws-occupied-fg} +label-occupied-background = ${colors.ws-occupied-bg} +label-occupied-padding = 3 + +label-empty = %name% +label-empty-foreground = ${colors.ws-empty-fg} +label-empty-background = ${colors.ws-empty-bg} +label-empty-padding = 3 + +label-background = #FFFFFF + +label-urgent = %name% +label-urgent-foreground = ${colors.ws-urgent-fg} +label-urgent-background = ${colors.ws-urgent-bg} +label-urgent-padding = 3 + +[module/backlight] +type = internal/backlight + +#card = amdgpu_bl2 +use-actual-brightness = true +poll-interval = 0 + +label = " %{T3} %{T-}%percentage%% " +format-foreground = ${colors.backlight-fg} +format-background = ${colors.backlight-bg} + +; Enable changing the backlight with the scroll wheel +; NOTE: This may require additional configuration on some systems. Polybar will +; write to `/sys/class/backlight/${self.card}/brightness` which requires polybar +; to have write access to that file. +; DO NOT RUN POLYBAR AS ROOT. +; The recommended way is to add the user to the +; `video` group and give that group write-privileges for the `brightness` file. +; See the ArchWiki for more information: +; https://wiki.archlinux.org/index.php/Backlight#ACPI +; Default: false +enable-scroll = true +scroll-interval = 1 + +[module/systray] +type = "internal/tray" + +tray-background = ${colors.systray-bg} +tray-foreground = ${colors.systray-fg} + +tray-spacing = 8px + +[module/polydoro] +type = custom/script +exec = FORMAT_WORK_IDLE=" Task {counter}" FORMAT_BREAK_IDLE="%{F#89b4fa} Break {counter}%{F-}" FORMAT_LONG_BREAK_IDLE="%{F#a6e3a1} Long Break%{F-}" FORMAT_WORK="%{F#94e2d5} {time}%{F-}" FORMAT_BREAK="%{F#89b4fa} {time}%{F-}" FORMAT_LONG_BREAK="%{F#a6e3a1} {time}%{F-}" FORMAT_WORK_PAUSED="%{F#94e2d5} {counter} - {time}%{F-}" FORMAT_BREAK_PAUSED="%{F#89b4fa} {counter} - {time}%{F-}" FORMAT_LONG_BREAK_PAUSED="%{F#a6e3a1} {time}%{F-}" polydoro -l +tail = true + +format-padding = 2 +click-left = polydoro toggle +click-middle = polydoro skip +click-right = polydoro reset diff --git a/.config/polybar/polybar-powerline.ini b/.config/polybar/polybar-powerline.ini deleted file mode 100644 index 4513a13..0000000 --- a/.config/polybar/polybar-powerline.ini +++ /dev/null @@ -1,514 +0,0 @@ -;========================================================== -; -; -; ██████╗ ██████╗ ██╗ ██╗ ██╗██████╗ █████╗ ██████╗ -; ██╔══██╗██╔═══██╗██║ ╚██╗ ██╔╝██╔══██╗██╔══██╗██╔══██╗ -; ██████╔╝██║ ██║██║ ╚████╔╝ ██████╔╝███████║██████╔╝ -; ██╔═══╝ ██║ ██║██║ ╚██╔╝ ██╔══██╗██╔══██║██╔══██╗ -; ██║ ╚██████╔╝███████╗██║ ██████╔╝██║ ██║██║ ██║ -; ╚═╝ ╚═════╝ ╚══════╝╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ -; -; -; To learn more about how to configure Polybar -; go to https://github.com/polybar/polybar -; -; The README contains a lot of information -; -;========================================================== - -[colors] -background = #130F23 -background-alt = #130f23 -foreground = #dfdfdf -foreground-alt = #555 -primary = #ffb52a -secondary = #e60053 -alert = #bd2c40 -;systray-bg = #0063ff -;systray-bg = #232627 -;systray-bg = #bd93f9 -;systray-bg = #ff79c6 -systray-bg = #282a36 - -module-color-0 = #9b35e8 -module-color-1 = #f516a4 - -xwindow-fg = #0fe9b0 - -ws-active-fg = #ffffff -ws-active-bg = ${colors.module-color-1} -ws-active-ul = #d33682 - -ws-occupied-fg = #FFFFFF -ws-occupied-bg = ${colors.module-color-0} -ws-occupied-ul = #130f23 - -ws-empty-fg = ${colors.xwindow-fg} -ws-empty-bg = ${colors.background} -ws-empty-ul = ${colors.background} - - -time-bg = ${colors.module-color-0} -time-fg = #232627 - -ethernet-bg = ${colors.module-color-1} -ethernet-fg = #232627 - -wifi-bg = ${colors.ethernet-bg} -wifi-fg = #ffffff - -fs-root-bg = ${colors.module-color-0} -fs-root-fg = #232627 - -fs-home-bg = ${colors.module-color-1} -fs-home-fg = #232627 - -cpu-bg = ${colors.module-color-0} -cpu-fg = ${colors.temp-fg} - -temp-bg = ${colors.module-color-1} -temp-fg = #232627 - -mem-bg = ${colors.module-color-0} -mem-fg = #232627 - -vol-bg = ${colors.module-color-1} -vol-fg = #232627 -vol-fg-alt = ${colors.foreground-alt} - -[bar/mybar] -;monitor = ${env:MONITOR:eDP-1-1} -enable-ipc = true -width = 100% -height = 32 -offset-x = 0% -offset-y = 0% -radius = 0 -fixed-center = false -bottom = 0 - -background = ${colors.background} -foreground = ${colors.foreground} - -line-size = 0 -line-color = #f00 - -border-size = 0 -border-color = #00000000 - -padding-left = 0 -padding-right = 0 - -module-margin-left = 0 -module-margin-right = 0 - -font-0 = "SauceCodePro:style=Regular:size=12;3" -font-1 = "Source Han Sans JP Normal:size=12;2" -font-2 = "RobotoMono Nerd Font Mono:size=22;5" -font-3 = fixed:pixelsize=10;1 -font-4 = unifont:fontformat=truetype:size=8:antialias=false;0 -font-5 = siji:pixelsize=10;1 - -modules-left = systray-arrow date date-arrow wlan eth wifi-arrow filesystem-root fs-root-arrow filesystem-home fs-home-arrow cpu temp-arrow temperature cpu-arrow memory mem-arrow pulseaudio vol-arrow xwindow -;modules-center = xwindow -modules-right = ewmh - -tray-position = right -tray-padding = 2 -tray-background = ${colors.systray-bg} - -;wm-restack = bspwm -;wm-restack = i3 - -override-redirect = true - -cursor-click = pointer -cursor-scroll = ns-resize - -[bar/mybar-bspwm] -;monitor = ${env:MONITOR:HDMI-1} -width = 100% -height = 35 -offset-x = 0% -offset-y = 0% -radius = 0 -fixed-center = false -bottom = 0 - -background = ${colors.background} -foreground = ${colors.foreground} - -line-size = 3 -line-color = #f00 - -border-size = 0 -border-color = #00000000 - -padding-left = 0 -padding-right = 2 - -module-margin-left = 1 -module-margin-right = 2 - -font-0 = "Sauce Code Pro:size=12" -font-1 = "Source Han Sans JP Normal:size=12" -font-2 = fixed:pixelsize=10;1 -font-3 = unifont:fontformat=truetype:size=8:antialias=false;0 -font-4 = siji:pixelsize=10;1 - -modules-left = bspwm xwindow -modules-right = pulseaudio memory cpu temperature xkeyboard wlan eth date - -tray-position = right -tray-padding = 2 -tray-background = #0063ff - -;wm-restack = bspwm -;wm-restack = i3 - -override-redirect = true - -scroll-up = bspwm-desknext -scroll-down = bspwm-deskprev - -cursor-click = pointer -cursor-scroll = ns-resize - -[module/xwindow] -type = internal/xwindow -label = " %title:0:60:...%" -label-foreground = ${colors.xwindow-fg} - -[module/xkeyboard] -type = internal/xkeyboard -;blacklist-0 = num lock - -format-prefix = "" -format-prefix-foreground = ${colors.foreground-alt} -format-prefix-underline = ${colors.secondary} - -label-layout = %layout% -label-layout-underline = ${colors.secondary} - -label-indicator-padding = 2 -label-indicator-margin = 1 -label-indicator-background = ${colors.secondary} -label-indicator-underline = ${colors.secondary} - -[module/filesystem-root] -type = internal/fs -interval = 25 - -mount-0 = / - -label-mounted = " %mountpoint% %percentage_used%%" -label-mounted-background = ${colors.fs-root-bg} -label-mounted-foreground = ${colors.fs-root-fg} - -[module/fs-root-arrow] -type = custom/text -content = "" -;content = "" -content-foreground = ${colors.fs-root-bg} -content-background = ${colors.fs-home-bg} - -[module/filesystem-home] -type = internal/fs -interval = 25 - -mount-0 = /home - -label-mounted = "%mountpoint% %percentage_used%%" -label-mounted-background = ${colors.fs-home-bg} -label-mounted-foreground = ${colors.fs-home-fg} - -[module/fs-home-arrow] -type = custom/text -;content = "" -content = "" -content-foreground = ${colors.fs-home-bg} -content-background = ${colors.cpu-bg} - -[module/mpd] -type = internal/mpd -format-online = <label-song> <icon-prev> <icon-stop> <toggle> <icon-next> - -icon-prev = -icon-stop = -icon-play = -icon-pause = -icon-next = - -label-song-maxlen = 25 -label-song-ellipsis = true - -bar-width = 10 -bar-indicator = | -bar-indicator-foreground = #fff -bar-indicator-font = 2 -bar-fill = ─ -bar-fill-font = 2 -bar-fill-foreground = #9f78e1 -bar-empty = ─ -bar-empty-font = 2 -bar-empty-foreground = ${colors.foreground-alt} - -[module/cpu] -type = internal/cpu -interval = 2 -label = " CPU: %percentage:2%%" -label-background = ${colors.cpu-bg} -label-foreground = ${colors.cpu-fg} - -[module/cpu-arrow] -type = custom/text -;content = "" -content = "" -content-foreground = ${colors.temp-bg} -content-background = ${colors.mem-bg} - -[module/memory] -type = internal/memory -interval = 2 - -label-background = ${colors.mem-bg} -label-foreground = ${colors.mem-fg} -label = " MEM: %percentage_used%%" - -[module/mem-arrow] -type = custom/text -;content = "" -content = "" -content-foreground = ${colors.mem-bg} -content-background = ${colors.vol-bg} - -[module/wlan] -type = internal/network -interface = wlo1 -interval = 3.0 - -format-connected = <ramp-signal> <label-connected> -format-connected-background = ${colors.wifi-bg} -format-connected-foreground = ${colors.wifi-fg} -label-connected = "%essid% (%local_ip%)" -;label-connected = "%local_ip%" - -label-disconnected = "" -label-disconnected-foreground = ${colors.foreground-alt} -label-disconnected-background = ${colors.wifi-bg} - -ramp-signal-0 = -ramp-signal-1 = -ramp-signal-2 = -ramp-signal-3 = -ramp-signal-4 = -ramp-signal-foreground = ${colors.foreground-alt} - -[module/wifi-arrow] -type = custom/text -;content = "" -content = "" -content-foreground = ${colors.wifi-bg} -content-background = ${colors.fs-root-bg} - -[module/eth] -type = internal/network -interface = eno1 -interval = 3.0 - -label-connected-background = ${colors.ethernet-bg} -label-connected-foreground = ${colors.ethernet-fg} - -format-connected-underline = #55aa55 -format-connected-prefix = "" -format-connected-prefix-foreground = ${colors.foreground-alt} -label-connected = " %local_ip%" - -format-disconnected = -;format-disconnected = <label-disconnected> -;format-disconnected-underline = ${self.format-connected-underline} -;label-disconnected = %ifname% disconnected -;label-disconnected-foreground = ${colors.foreground-alt} - -[module/date] -type = internal/date -interval = 5 - -;date = -;date-alt = "%d-%m-%Y " - -time = " %I:%M %p" -time-alt = " %d %B %Y (%A) %H:%M:%S" - -format-foreground = ${colors.time-fg} -format-background = ${colors.time-bg} - -label = %time% - -[module/date-arrow] -type = custom/text -;content = "" -content = "" -;content-font = 2 -content-foreground = ${colors.time-bg} -content-background = ${colors.ethernet-bg} - -[module/systray-arrow] -type = custom/text -;content = "" -content = "" -content-foreground = ${colors.background} -content-background = ${colors.time-bg} - -[module/pulseaudio] -type = internal/pulseaudio -format-volume = <label-volume> -label-volume = " VOL: %percentage%%" -label-volume-background = ${colors.vol-bg} -label-volume-foreground = ${colors.vol-fg} - -label-muted = " muted" -label-muted-foreground = ${colors.vol-fg-alt} -label-muted-background = ${colors.vol-bg} - -[module/vol-arrow] -type = custom/text -;content = "" -content = "" -content-foreground = ${colors.vol-bg} -content-background = ${colors.background} - -[module/alsa] -type = internal/alsa - -format-volume = <label-volume> <bar-volume> -label-volume = VOL -label-volume-foreground = ${root.foreground} - -format-muted-prefix = " " -format-muted-foreground = ${colors.foreground-alt} -label-muted = sound muted - -bar-volume-width = 10 -bar-volume-foreground-0 = #55aa55 -bar-volume-foreground-1 = #55aa55 -bar-volume-foreground-2 = #55aa55 -bar-volume-foreground-3 = #55aa55 -bar-volume-foreground-4 = #55aa55 -bar-volume-foreground-5 = #f5a70a -bar-volume-foreground-6 = #ff5555 -bar-volume-gradient = false -bar-volume-indicator = | -bar-volume-indicator-font = 2 -bar-volume-fill = ─ -bar-volume-fill-font = 2 -bar-volume-empty = ─ -bar-volume-empty-font = 2 -bar-volume-empty-foreground = ${colors.foreground-alt} - -[module/temperature] -type = internal/temperature -thermal-zone = 0 -warn-temperature = 65 - -label = "%temperature-c%" -label-warn-foreground = ${colors.secondary} - -label-background = ${colors.temp-bg} -label-foreground = ${colors.temp-fg} - -[module/temp-arrow] -type = custom/text -content = "" -;content = "" -content-foreground = ${colors.cpu-bg} -content-background = ${colors.temp-bg} - -[settings] -screenchange-reload = true -;compositing-background = xor -;compositing-background = screen -;compositing-foreground = source -;compositing-border = over -;pseudo-transparency = false - -[global/wm] -margin-top = 0 -margin-bottom = 0 - -; vim:ft=dosini - -[module/ewmh] -type = internal/xworkspaces - -pin-workspaces = false -enable-click = true -enable-scroll = false -format = <label-state> - -label-monitor = %name% - -;label-active = "%{F#f516a4}%{B#232327}%{F#FFFFFF}%{B#f516a4} %name% %{B#f516a4}%{F#232327}%{B-}%{F-}" -label-active = %name% -label-active-foreground = ${colors.ws-active-fg} -label-active-background = ${colors.ws-active-bg} -label-active-underline = ${colors.ws-active-ul} -label-active-padding = 3 - -label-occupied = %name% -label-occupied-foreground = ${colors.ws-occupied-fg} -label-occupied-background = ${colors.ws-occupied-bg} -label-occupied-underline = ${colors.ws-occupied-ul} -label-occupied-padding = 3 - -label-empty = %name% -label-empty-foreground = ${colors.ws-empty-fg} -label-empty-background = ${colors.ws-empty-bg} -label-empty-underline = ${colors.ws-empty-ul} -label-empty-padding = 3 - -label-background = #FFFFFF - -label-urgent = %name% -label-urgent-foreground = #000000 -label-urgent-background = #bd2c40 -label-urgent-underline = #9b0a20 -label-urgent-padding = 0 - -[module/bspwm] -type = internal/bspwm - -; this is exactly the same as ewmh but the type is different -; somehow ewmh conflicts with lxsession in bspwm -pin-workspaces = false -enable-click = true -enable-scroll = false -format = <label-state> - -label-monitor = %name% - -label-active = %name% -label-active-foreground = ${colors.ws-active-fg} -label-active-background = ${colors.ws-active-bg} -label-active-underline = ${colors.ws-active-ul} -label-active-padding = 4 - -label-occupied = %name% -label-occupied-foreground = ${colors.ws-occupied-fg} -label-occupied-background = ${colors.ws-occupied-bg} -label-occupied-underline = ${colors.ws-occupied-ul} -label-occupied-padding = 4 - -label-empty = %name% -label-empty-foreground = ${colors.ws-empty-fg} -label-empty-background = ${colors.ws-empty-bg} -label-empty-underline = ${colors.ws-empty-ul} -label-empty-padding = 4 - -label-urgent = %name% -label-urgent-foreground = #000000 -label-urgent-background = #bd2c40 -label-urgent-underline = #9b0a20 -label-urgent-padding = 4 - - diff --git a/.config/polybar/powerline.ini b/.config/polybar/powerline.ini new file mode 100644 index 0000000..eff57da --- /dev/null +++ b/.config/polybar/powerline.ini @@ -0,0 +1,34 @@ +[module/powerline0] +type = custom/text +format = "" +format-font = 4 +format-foreground = ${colors.module-color-1} +format-background = ${colors.background} + +[module/powerline1] +type = custom/text +format = "" +format-font = 4 +format-foreground = ${colors.module-color-1} +format-background = ${colors.module-color-0} + +[module/powerline2] +type = custom/text +format = "" +format-font = 4 +format-foreground = ${colors.module-color-0} +format-background = ${colors.module-color-1} + +[module/powerline3] +type = custom/text +format = "" +format-font = 4 +format-foreground = ${colors.module-color-0} +format-background = ${colors.background} + +[module/powerline4] +type = custom/text +format = "" +format-font = 4 +format-foreground = ${colors.module-color-1} +format-background = ${colors.background} diff --git a/.config/qBittorrent/catppuccin-mocha.qbtheme b/.config/qBittorrent/catppuccin-mocha.qbtheme Binary files differnew file mode 100644 index 0000000..858dab9 --- /dev/null +++ b/.config/qBittorrent/catppuccin-mocha.qbtheme diff --git a/.config/qBittorrent/qBittorrent.conf b/.config/qBittorrent/qBittorrent.conf new file mode 100644 index 0000000..ae342b3 --- /dev/null +++ b/.config/qBittorrent/qBittorrent.conf @@ -0,0 +1,52 @@ +[AddNewTorrentDialog] +DialogSize=@Size(945 511) +DownloadPathHistory= +RememberLastSavePath=false +SavePathHistory=/home/vidhukant/Downloads + +[Application] +FileLogger\Age=1 +FileLogger\AgeType=1 +FileLogger\Backup=true +FileLogger\DeleteOld=true +FileLogger\Enabled=true +FileLogger\MaxSizeBytes=66560 +FileLogger\Path=/home/vidhukant/.local/share/qBittorrent/logs +GUI\Notifications\TorrentAdded=false + +[BitTorrent] +Session\Port=18181 +Session\QueueingSystemEnabled=false +Session\SSL\Port=64151 +Session\StartPaused=false + +[Core] +AutoDeleteAddedTorrentFile=Never + +[LegalNotice] +Accepted=true + +[Meta] +MigrationVersion=8 + +[OptionsDialog] +HorizontalSplitterSizes=130, 615 +LastViewedPage=0 +Size=@Size(771 583) + +[Preferences] +General\CloseToTrayNotified=true +General\CustomUIThemePath=/home/vidhukant/.config/qBittorrent/catppuccin-mocha.qbtheme +General\Locale=en +General\UseCustomUITheme=true + +[RSS] +AutoDownloader\DownloadRepacks=true +AutoDownloader\SmartEpisodeFilter=s(\\d+)e(\\d+), (\\d+)x(\\d+), "(\\d{4}[.\\-]\\d{1,2}[.\\-]\\d{1,2})", "(\\d{1,2}[.\\-]\\d{1,2}[.\\-]\\d{4})" + +[TorrentProperties] +SplitterSizes="274,648" +Visible=true + +[TransferListFilters] +selectedFilterIndex=3 diff --git a/.config/qt5ct/colors/catppuccin-mocha-mauve.conf b/.config/qt5ct/colors/catppuccin-mocha-mauve.conf new file mode 100644 index 0000000..15b4186 --- /dev/null +++ b/.config/qt5ct/colors/catppuccin-mocha-mauve.conf @@ -0,0 +1,4 @@ +[ColorScheme] +active_colors= #ffcdd6f4, #ff45475a, #ff585b70, #ff313244, #ff11111b, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff1e1e2e, #ff181825, #ff11111b, #ffcba6f7, #ff11111b, #ff89b4fa, #ffb4befe, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086, #ffcba6f7 +inactive_colors=#ff7f849c, #ff1e1e2e, #ff45475a, #ff313244, #ff11111b, #ff181825, #ff7f849c, #ffcdd6f4, #ff7f849c, #ff1e1e2e, #ff181825, #ff11111b, #ff313244, #ff7f849c, #ff7f849c, #ff7f849c, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086, #ff313244 +disabled_colors=#ff6c7086, #ff313244, #ff45475a, #ff313244, #ff11111b, #ff181825, #ff6c7086, #ffcdd6f4, #ff6c7086, #ff1e1e2e, #ff181825, #ff11111b, #ff181825, #ff6c7086, #ffa9bcdb, #ffc7cceb, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086, #ff181825 diff --git a/.config/qt5ct/qt5ct.conf b/.config/qt5ct/qt5ct.conf new file mode 100644 index 0000000..88f6ab2 --- /dev/null +++ b/.config/qt5ct/qt5ct.conf @@ -0,0 +1,32 @@ +[Appearance] +color_scheme_path=/home/vidhukant/.config/qt5ct/style-colors.conf +custom_palette=true +icon_theme=Papirus-Dark +standard_dialogs=default +style=kvantum-dark + +[Fonts] +fixed="Hack Nerd Font,12,-1,5,50,0,0,0,0,0,Regular" +general="Roboto,12,-1,5,50,0,0,0,0,0,Regular" + +[Interface] +activate_item_on_single_click=1 +buttonbox_layout=0 +cursor_flash_time=1000 +dialog_buttons_have_icons=1 +double_click_interval=400 +gui_effects=@Invalid() +keyboard_scheme=2 +menus_have_icons=true +show_shortcuts_in_context_menus=true +stylesheets=@Invalid() +toolbutton_style=4 +underline_shortcut=1 +wheel_scroll_lines=3 + +[SettingsWindow] +geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\a\0\0\0#\0\0\x3\xbb\0\0\x4\x30\0\0\0\t\0\0\0%\0\0\x3\xb9\0\0\x4.\0\0\0\0\0\0\0\0\a\x80\0\0\0\t\0\0\0%\0\0\x3\xb9\0\0\x4.) + +[Troubleshooting] +force_raster_widgets=1 +ignored_applications=@Invalid() diff --git a/.config/qt5ct/style-colors.conf b/.config/qt5ct/style-colors.conf new file mode 100644 index 0000000..48b9d08 --- /dev/null +++ b/.config/qt5ct/style-colors.conf @@ -0,0 +1,4 @@ +[ColorScheme] +active_colors=#ffcdd6f4, #ff313244, #ff45475a, #ff45475a, #ff181825, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff181825, #ff1e1e2e, #ff000000, #4dcba6f7, #ffcdd6f4, #ffcba6f7, #ffcbb0f7, #ff181825, #ffffffff, #ff000000, #ffcdd6f4, #80cdd6f4 +disabled_colors=#ff585b70, #ff313244, #ff45475a, #ff45475a, #ff181825, #ff181825, #ff585b70, #ffcdd6f4, #ff585b70, #ff181825, #ff1e1e2e, #ff000000, #4dcba6f7, #66cdd6f4, #ffcba6f7, #ffcbb0f7, #ff181825, #ffffffff, #ff000000, #ffcdd6f4, #80cdd6f4 +inactive_colors=#ffcdd6f4, #ff313244, #ff45475a, #ff45475a, #ff181825, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff181825, #ff1e1e2e, #ff000000, #4dcba6f7, #ffcdd6f4, #ffcba6f7, #ffcbb0f7, #ff181825, #ffffffff, #ff000000, #ffcdd6f4, #80cdd6f4 diff --git a/.config/qt6ct/colors/catppuccin-mocha-mauve.conf b/.config/qt6ct/colors/catppuccin-mocha-mauve.conf new file mode 100644 index 0000000..15b4186 --- /dev/null +++ b/.config/qt6ct/colors/catppuccin-mocha-mauve.conf @@ -0,0 +1,4 @@ +[ColorScheme] +active_colors= #ffcdd6f4, #ff45475a, #ff585b70, #ff313244, #ff11111b, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff1e1e2e, #ff181825, #ff11111b, #ffcba6f7, #ff11111b, #ff89b4fa, #ffb4befe, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086, #ffcba6f7 +inactive_colors=#ff7f849c, #ff1e1e2e, #ff45475a, #ff313244, #ff11111b, #ff181825, #ff7f849c, #ffcdd6f4, #ff7f849c, #ff1e1e2e, #ff181825, #ff11111b, #ff313244, #ff7f849c, #ff7f849c, #ff7f849c, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086, #ff313244 +disabled_colors=#ff6c7086, #ff313244, #ff45475a, #ff313244, #ff11111b, #ff181825, #ff6c7086, #ffcdd6f4, #ff6c7086, #ff1e1e2e, #ff181825, #ff11111b, #ff181825, #ff6c7086, #ffa9bcdb, #ffc7cceb, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086, #ff181825 diff --git a/.config/qt6ct/qt6ct.conf b/.config/qt6ct/qt6ct.conf new file mode 100644 index 0000000..0bd6c28 --- /dev/null +++ b/.config/qt6ct/qt6ct.conf @@ -0,0 +1,32 @@ +[Appearance] +color_scheme_path=/home/vidhukant/.config/qt6ct/style-colors.conf +custom_palette=true +icon_theme=Papirus-Dark +standard_dialogs=default +style=kvantum-dark + +[Fonts] +fixed="Hack Nerd Font Mono,12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1" +general="Roboto,12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1" + +[Interface] +activate_item_on_single_click=1 +buttonbox_layout=0 +cursor_flash_time=1000 +dialog_buttons_have_icons=1 +double_click_interval=400 +gui_effects=@Invalid() +keyboard_scheme=2 +menus_have_icons=true +show_shortcuts_in_context_menus=true +stylesheets=@Invalid() +toolbutton_style=4 +underline_shortcut=1 +wheel_scroll_lines=3 + +[SettingsWindow] +geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\a\0\0\0#\0\0\x3\xbb\0\0\x4\x30\0\0\0\t\0\0\0%\0\0\x3\xb9\0\0\x4.\0\0\0\0\0\0\0\0\a\x80\0\0\0\t\0\0\0%\0\0\x3\xb9\0\0\x4.) + +[Troubleshooting] +force_raster_widgets=1 +ignored_applications=@Invalid() diff --git a/.config/qt6ct/style-colors.conf b/.config/qt6ct/style-colors.conf new file mode 100644 index 0000000..6c006fe --- /dev/null +++ b/.config/qt6ct/style-colors.conf @@ -0,0 +1,4 @@ +[ColorScheme] +active_colors=#ffcdd6f4, #ff313244, #ff45475a, #ff45475a, #ff181825, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff181825, #ff1e1e2e, #ff000000, #4dcba6f7, #ffcdd6f4, #ffcba6f7, #ffcbb0f7, #ff181825, #ffffffff, #ff000000, #ffcdd6f4, #80cdd6f4, #ffcba6f7 +disabled_colors=#ff585b70, #ff313244, #ff45475a, #ff45475a, #ff181825, #ff181825, #ff585b70, #ffcdd6f4, #ff585b70, #ff181825, #ff1e1e2e, #ff000000, #4dcba6f7, #66cdd6f4, #ffcba6f7, #ffcbb0f7, #ff181825, #ffffffff, #ff000000, #ffcdd6f4, #80cdd6f4, #ff181825 +inactive_colors=#ffcdd6f4, #ff313244, #ff45475a, #ff45475a, #ff181825, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff181825, #ff1e1e2e, #ff000000, #4dcba6f7, #ffcdd6f4, #ffcba6f7, #ffcbb0f7, #ff181825, #ffffffff, #ff000000, #ffcdd6f4, #80cdd6f4, #ffcba6f7 diff --git a/.config/qtile/__pycache__/bar.cpython-313.pyc b/.config/qtile/__pycache__/bar.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..8aef3a9 --- /dev/null +++ b/.config/qtile/__pycache__/bar.cpython-313.pyc diff --git a/.config/qtile/__pycache__/bars.cpython-313.pyc b/.config/qtile/__pycache__/bars.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..ad6bad6 --- /dev/null +++ b/.config/qtile/__pycache__/bars.cpython-313.pyc diff --git a/.config/qtile/__pycache__/config.cpython-313.pyc b/.config/qtile/__pycache__/config.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..4ce1de6 --- /dev/null +++ b/.config/qtile/__pycache__/config.cpython-313.pyc diff --git a/.config/qtile/__pycache__/defaults.cpython-313.pyc b/.config/qtile/__pycache__/defaults.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..3d6a3d7 --- /dev/null +++ b/.config/qtile/__pycache__/defaults.cpython-313.pyc diff --git a/.config/qtile/__pycache__/keybindings.cpython-313.pyc b/.config/qtile/__pycache__/keybindings.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..5ccab13 --- /dev/null +++ b/.config/qtile/__pycache__/keybindings.cpython-313.pyc diff --git a/.config/qtile/__pycache__/mic_volume.cpython-313.pyc b/.config/qtile/__pycache__/mic_volume.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..7d1ae2f --- /dev/null +++ b/.config/qtile/__pycache__/mic_volume.cpython-313.pyc diff --git a/.config/qtile/__pycache__/screens.cpython-313.pyc b/.config/qtile/__pycache__/screens.cpython-313.pyc Binary files differnew file mode 100644 index 0000000..f5b78f9 --- /dev/null +++ b/.config/qtile/__pycache__/screens.cpython-313.pyc diff --git a/.config/qtile/defaults.py b/.config/qtile/defaults.py index a69ccaf..7d13cc6 100644 --- a/.config/qtile/defaults.py +++ b/.config/qtile/defaults.py @@ -46,6 +46,16 @@ center_floating_windows_by_class = [ default_border_width=3 +floating_layout = layout.Floating( + border_width=default_border_width, + border_normal=colors[0][4], + border_focus=colors[0][5], + float_rules = [ + *layout.Floating.default_float_rules, + *[Match(wm_class=x) for x in center_floating_windows_by_class], + ], +) + layouts = [ layout.Columns( insert_position=1, @@ -65,16 +75,6 @@ layouts = [ floating_layout, ] -floating_layout = layout.Floating( - border_width=default_border_width, - border_normal=colors[0][4], - border_focus=colors[0][5], - float_rules = [ - *layout.Floating.default_float_rules, - *[Match(wm_class=x) for x in center_floating_windows_by_class], - ], -) - widget_defaults = dict( font = "NotoSans NF:style=Regular", fontsize = 14, diff --git a/.config/qtile/screens.py b/.config/qtile/screens.py index fb402a1..568399f 100644 --- a/.config/qtile/screens.py +++ b/.config/qtile/screens.py @@ -6,4 +6,8 @@ default_screen = Screen( top=bars.default_bar(), ) -screens = [default_screen] +monitor = Screen( + top=bars.default_bar(), +) + +screens = [default_screen, monitor] diff --git a/.config/starship.toml b/.config/starship.toml index 72e8c18..ea7edfc 100644 --- a/.config/starship.toml +++ b/.config/starship.toml @@ -1,24 +1,63 @@ # Don't print a new line at the start of the prompt add_newline = false -format = "$all" +format = "$all " +palette = "catppuccin_mocha" +line_break.disabled = true [character] -success_symbol = "[](#9B35E8)" -error_symbol = "[](#F516A4)" -vicmd_symbol = "[](#0fe9b0)" +format = "$symbol" +success_symbol = '[](fg:mauve)[\[\]](bg:mauve fg:mantle)[](fg:mauve)' +error_symbol = '[](fg:red)[\[\]](bg:red fg:mantle)[](fg:red)' +vicmd_symbol = '[](fg:lavender)[\[v\]](bg:lavender fg:mantle)[](fg:lavender)' +vimcmd_visual_symbol = '[](fg:yellow)[\[V\]](bg:yellow fg:mantle)[](fg:yellow)' +vimcmd_replace_one_symbol = '[](fg:yellow)[\[r\]](bg:yellow fg:mantle)[](fg:yellow)' +vimcmd_replace_symbol = '[](fg:peach)[\[R\]](bg:peach fg:mantle)[](fg:peach)' -[line_break] -disabled = true +[cmd_duration] +disabled = false +min_time = 5000 +format = '[](fg:peach)[took $duration](bg:peach fg:mantle)[](fg:peach)' +show_notifications = true +min_time_to_notify = 30000 -[status] -style = "bg:blue" -format = '[\[$common_meaning$signal_name$maybe_int\]]($style) ' -map_symbol = true +[directory] +read_only = " " +style = "bold mauve" +format = '[](fg:mantle)[ $path]($style bg:mantle)[ $read_only]($read_only_style bg:mantle)[](fg:mantle)' + +[sudo] disabled = false +format= "[](fg:teal)[sudo](bg:teal fg:mantle)[](fg:teal)" -[cmd_duration] +[status] +format = '[](fg:red)[$common_meaning$signal_name$maybe_int](bg:red fg:mantle)[](fg:red)' +map_symbol = false disabled = false -min_time = 5000 -format = "[took](yellow) [$duration](bold #F516A4) " -show_notifications = false -min_time_to_notify = 10000 + +[palettes.catppuccin_mocha] +rosewater = "#f5e0dc" +flamingo = "#f2cdcd" +pink = "#f5c2e7" +mauve = "#cba6f7" +red = "#f38ba8" +maroon = "#eba0ac" +peach = "#fab387" +yellow = "#f9e2af" +green = "#a6e3a1" +teal = "#94e2d5" +sky = "#89dceb" +sapphire = "#74c7ec" +blue = "#89b4fa" +lavender = "#b4befe" +text = "#cdd6f4" +subtext1 = "#bac2de" +subtext0 = "#a6adc8" +overlay2 = "#9399b2" +overlay1 = "#7f849c" +overlay0 = "#6c7086" +surface2 = "#585b70" +surface1 = "#45475a" +surface0 = "#313244" +base = "#1e1e2e" +mantle = "#181825" +crust = "#11111b" diff --git a/.config/zathura/catppuccin-mocha b/.config/zathura/catppuccin-mocha new file mode 100644 index 0000000..36e44d1 --- /dev/null +++ b/.config/zathura/catppuccin-mocha @@ -0,0 +1,37 @@ +set default-fg rgba(205,214,244,1) +set default-bg rgba(30,30,46,1) + +set completion-bg rgba(49,50,68,1) +set completion-fg rgba(205,214,244,1) +set completion-highlight-bg rgba(203,166,247,1) +set completion-highlight-fg rgba(30,30,46,1) +set completion-group-bg rgba(24,24,37,1) +set completion-group-fg rgba(205,214,244,1) + +set statusbar-fg rgba(205,214,244,1) +set statusbar-bg rgba(17,17,27,1) +set inputbar-fg rgba(205,214,244,1) +set inputbar-bg rgba(30,30,46,1) + +set notification-bg rgba(30,30,46,1) +set notification-fg rgba(205,214,244,1) +set notification-error-bg rgba(30,30,46,1) +set notification-error-fg rgba(243,139,168,1) +set notification-warning-bg rgba(30,30,46,1) +set notification-warning-fg rgba(249,226,175,1) + +set recolor "true" +set recolor-lightcolor rgba(30,30,46,1) +set recolor-darkcolor rgba(205,214,244,1) + +set index-fg rgba(205,214,244,1) +set index-bg rgba(30,30,46,1) +set index-active-fg rgba(205,214,244,1) +set index-active-bg rgba(49,50,68,1) + +set render-loading-bg rgba(30,30,46,1) +set render-loading-fg rgba(205,214,244,1) + +set highlight-color rgba(147,153,178,0.3) +set highlight-fg rgba(205,214,244,1) +set highlight-active-color rgba(203,166,247,0.3) diff --git a/.config/zathura/zathurarc b/.config/zathura/zathurarc new file mode 100644 index 0000000..60cd3d5 --- /dev/null +++ b/.config/zathura/zathurarc @@ -0,0 +1,3 @@ +include catppuccin-mocha + +set selection-clipboard clipboard diff --git a/.scripts/open_terminal b/.scripts/open_terminal index a2ef1b8..62ac7cc 100755 --- a/.scripts/open_terminal +++ b/.scripts/open_terminal @@ -8,20 +8,20 @@ then PID=$(xprop -id $ACTIVE_WINDOW | grep _NET_WM_PID | grep -oP "\d+") if [[ "$PID" == "" ]] then - WINIT_X11_SCALE_FACTOR=1.3 alacritty + alacritty fi # Get first child of terminal CHILD_PID=$(pgrep -P $PID) if [[ "$PID" == "" ]] then - WINIT_X11_SCALE_FACTOR=1.3 alacritty + alacritty fi # Get current directory of child. The first child should be the shell. pushd "/proc/${CHILD_PID}/cwd" SHELL_CWD=$(pwd -P) popd # Start alacritty with the working directory - WINIT_X11_SCALE_FACTOR=1.3 alacritty --working-directory $SHELL_CWD + alacritty --working-directory $SHELL_CWD else - WINIT_X11_SCALE_FACTOR=1.3 alacritty + alacritty fi diff --git a/.scripts/setup_dots b/.scripts/setup_dots new file mode 100644 index 0000000..bed4afc --- /dev/null +++ b/.scripts/setup_dots @@ -0,0 +1,6 @@ +#!/bin/bash + +git init --bare $HOME/.dots +git --git-dir=$HOME/.dots/ --work-tree=$HOME config --local status.showUntrackedFiles no +git --git-dir=$HOME/.dots/ --work-tree=$HOME remote add origin git@vidhukant.com:dots +git --git-dir=$HOME/.dots/ --work-tree=$HOME pull origin master @@ -1,35 +1,33 @@ #!/bin/sh -# set .zshenv -# [[ -f ~/.config/zsh/.zshenv ]] && source ~/.config/zsh/.zshenv +# touchpad setup +xinput set-prop "ELAN0718:00 04F3:30FD Touchpad" "libinput Tapping Enabled" 1 & +xinput set-prop "ELAN0718:00 04F3:30FD Touchpad" "libinput Natural Scrolling Enabled" 1 & + +# mouse setup +xinput set-prop "pointer:Logitech Wireless Mouse" "libinput Natural Scrolling Enabled" 1 & # makes gnome-keyring work bus-update-activation-environment --all & -# emacs --daemon & -#virtual_mic.sh & - -nitrogen --restore & - -# turn on the red danger light on the side +# turn on the red danger light on the side of the laptop # so i know it's turned on without opening the lid brightnessctl --device hp::hddprotect set 100% & -deadd-notification-center & +# setup stuff screensetup.sh & -lxpolkit & -$(setxkbmap -layout us,us -variant dvorak, -option caps:swapescape && sxhkd) & +switch-keyboard-layout & +nitrogen --restore & # nitrogen --random Downloads/walls/mocha --set-zoom-fill picom & -# dunst & -# udiskie & - -# glava -dm radial & -# polystart & +polydoro -d & +polystart & nm-applet & blueman-applet & flameshot & - -if [ "$DESKTOP_SESSION" = "dwm" ]; then - luastatus-dwm & -fi +# udiskie & +# deadd-notification-center & +# lxpolkit & +# emacs --daemon & +# virtual_mic.sh & +# glava -dm radial & diff --git a/cgit.css b/cgit.css deleted file mode 100644 index ef96dc7..0000000 --- a/cgit.css +++ /dev/null @@ -1,945 +0,0 @@ -:root { - /* catppuccin-mocha theme */ - --crust: rgb(17, 17, 27); - --mantle: rgb(24, 24, 37); - --base: rgb(30, 30, 46); - --surface-0: rgb(49, 50, 68); - --surface-1: rgb(69, 71, 90); - --surface-2: rgb(88, 91, 112); - --overlay-0: rgb(108, 112, 134); - --overlay-1: rgb(127, 132, 156); - --overlay-2: rgb(147, 153, 178); - --subtext-0: rgb(166, 173, 200); - --subtext-1: rgb(186, 194, 222); - --text: rgb(205, 214, 244); - --lavender: rgb(180, 190, 254); - --blue: rgb(137, 180, 250); - --sapphire: rgb(116, 199, 236); - --sky: rgb(137, 220, 235); - --teal: rgb(148, 226, 213); - --green: rgb(166, 227, 161); - --yellow: rgb(249, 226, 175); - --peach: rgb(250, 179, 135); - --maroon: rgb(235, 160, 172); - --red: rgb(243, 139, 168); - --mauve: rgb(203, 166, 247); - --pink: rgb(245, 194, 231); - --flamingo: rgb(242, 205, 205); - --rosewater: rgb(245, 224, 220); - - --accent-color: var(--green); -} - -::-moz-selection { - background: var(--accent-color); - color: var(--mantle); -} - -::selection { - background: var(--accent-color); - color: var(--mantle); -} - -body { - background-color: var(--mantle) -} - -div#cgit { - padding: 0em; - margin: 0em; - font-family: sans-serif; - font-size: 10pt; - color: var(--text); - background: var(--mantle); - padding: 4px; -} - -div#cgit a { - color: var(--accent-color); - text-decoration: none; -} - -div#cgit a:hover { - text-decoration: underline; -} - -div#cgit table { - border-collapse: collapse; -} - -div#cgit table#header { - width: 100%; - margin-bottom: 1em; -} - -div#cgit table#header td.logo { - width: 96px; - vertical-align: top; -} - -div#cgit table#header td.main { - font-size: 250%; - padding-left: 10px; - white-space: nowrap; -} - -div#cgit table#header td.main a { - color: var(--text); -} - -div#cgit table#header td.form { - text-align: right; - vertical-align: bottom; - padding-right: 1em; - padding-bottom: 2px; - white-space: nowrap; -} - -div#cgit table#header td.form form, -div#cgit table#header td.form input, -div#cgit table#header td.form select { - font-size: 90%; -} - -div#cgit table#header td.sub { - color: var(--subtext-1); - padding-left: 10px; -} - -div#cgit table.tabs { - border-bottom: solid 3px var(--accent-color); - border-collapse: collapse; - margin-top: 2em; - margin-bottom: 0px; - width: 100%; -} - -div#cgit table.tabs td { - padding: 0px 1em; - vertical-align: bottom; -} - -div#cgit table.tabs td a { - padding: 2px 0.75em; - color: var(--text); - font-size: 110%; -} - -div#cgit table.tabs td a.active { - color: var(--mantle); - background-color: var(--accent-color); -} - -div#cgit table.tabs td.form { - text-align: right; -} - -div#cgit table.tabs td.form form { - padding-bottom: 2px; - font-size: 90%; - white-space: nowrap; -} - -div#cgit table.tabs td.form input, -div#cgit table.tabs td.form select { - font-size: 90%; -} - -div#cgit div.path { - margin: 0px; - padding: 5px 2em 2px 2em; - color: var(--text); - background-color: var(--mantle); -} - -div#cgit div.content { - margin: 0px 0px 16px 0px; - padding: 2em; - border-bottom: solid 2px var(--accent-color); -} - -div#cgit table.list { - width: 100%; - border: none; - border-collapse: collapse; -} - -div#cgit table.list tr { - background: var(--mantle); -} - -div#cgit table.list tr.logheader { - background: var(--mantle); -} - -div#cgit table.list tr:nth-child(even) { - background: var(--base); -} - -div#cgit table.list tr:nth-child(odd) { - background: var(--mantle); -} - -div#cgit table.list tr:hover { - background: var(--surface-0); -} - -div#cgit table.list tr.nohover { - background: var(--mantle); -} - -div#cgit table.list tr.nohover:hover { - background: var(--mantle); -} - -div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { - background: var(--surface-0); -} - -kiv#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { - background: var(--surface-0); -} - -div#cgit table.list th { - font-weight: bold; - background-color: var(--surface-0); - padding: 0.5em 0.5em 0.5em 0.7em; - vertical-align: baseline; -} - -div#cgit table.list td { - border: none; - padding: 0.1em 0.5em 0.1em 0.5em; -} - -div#cgit table.list td.commitgraph { - font-family: monospace; - white-space: pre; -} - -div#cgit table.list td.commitgraph .column1 { - color: var(--red); -} - -div#cgit table.list td.commitgraph .column2 { - color: var(--green); -} - -div#cgit table.list td.commitgraph .column3 { - color: var(--yellow); -} - -div#cgit table.list td.commitgraph .column4 { - color: var(--sapphire); -} - -div#cgit table.list td.commitgraph .column5 { - color: var(--pink); -} - -div#cgit table.list td.commitgraph .column6 { - color: var(--sky); -} - -div#cgit table.list td.logsubject { - font-family: monospace; - font-weight: bold; -} - -div#cgit table.list td.logmsg { - font-family: monospace; - white-space: pre; - padding: 0 0.5em; -} - -div#cgit table.list td a { - color: var(--text); -} - -div#cgit table.list td a.ls-dir { - font-weight: bold; - color: var(--text); -} - -div#cgit table.list td a:hover { - color: var(--accent-color); -} - -div#cgit img { - border: none; -} - -div#cgit input#switch-btn { - margin: 2px 0px 0px 0px; -} - -div#cgit td#sidebar input.txt { - width: 100%; - margin: 2px 0px 0px 0px; -} - -div#cgit table#grid { - margin: 0px; -} - -div#cgit td#content { - vertical-align: top; - padding: 1em 2em 1em 1em; - border: none; -} - -div#cgit div#summary { - vertical-align: top; - margin-bottom: 1em; -} - -div#cgit table#downloads { - float: right; - border-collapse: collapse; - border: solid 1px var(--accent-color); - margin-left: 0.5em; - margin-bottom: 0.5em; -} - -div#cgit table#downloads th { - background-color: var(--mantle); -} - -div#cgit div#blob { - border: solid 1px var(--overlay-1); -} - -div#cgit div.error { - color: var(--red); - font-weight: bold; - margin: 1em 2em; -} - -div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod { - font-family: monospace; -} - -div#cgit td.ls-size { - text-align: right; - font-family: monospace; - width: 10em; -} - -div#cgit td.ls-mode { - font-family: monospace; - width: 10em; -} - -div#cgit table.blob { - margin-top: 0.5em; - border-top: solid 1px var(--overlay-1); -} - -div#cgit table.blob td.hashes, -div#cgit table.blob td.lines { - margin: 0; padding: 0 0 0 0.5em; - vertical-align: top; - color: var(--text); -} - -div#cgit table.blob td.linenumbers { - margin: 0; padding: 0 0.5em 0 0.5em; - vertical-align: top; - text-align: right; - border-right: 1px solid var(--overlay-1); -} - -div#cgit table.blob pre { - padding: 0; margin: 0; -} - -div#cgit table.blob td.linenumbers a, -div#cgit table.ssdiff td.lineno a { - color: var(--subtext-0); - text-align: right; - text-decoration: none; -} - -div#cgit table.blob td.linenumbers a:hover, -div#cgit table.ssdiff td.lineno a:hover { - color: var(--accent-color); -} - -div#cgit table.blame td.hashes, -div#cgit table.blame td.lines, -div#cgit table.blame td.linenumbers { - padding: 0; -} - -div#cgit table.blame td.hashes div.alt, -div#cgit table.blame td.lines div.alt { - padding: 0 0.5em 0 0.5em; -} - -div#cgit table.blame td.linenumbers div.alt { - padding: 0 0.5em 0 0; -} - -div#cgit table.blame div.alt:nth-child(even) { - background: var(--crust); -} - -div#cgit table.blame div.alt:nth-child(odd) { - background: var(--mantle); -} - -div#cgit table.blame td.lines > div { - position: relative; -} - -div#cgit table.blame td.lines > div > pre { - padding: 0 0 0 0.5em; - position: absolute; - top: 0; -} - -div#cgit table.blame .oid { - font-size: 100%; -} - -div#cgit table.bin-blob { - margin-top: 0.5em; - border: solid 1px var(--overlay-0); -} - -div#cgit table.bin-blob th { - font-family: monospace; - white-space: pre; - border: solid 1px var(--overlay-0); - padding: 0.5em 1em; -} - -div#cgit table.bin-blob td { - font-family: monospace; - white-space: pre; - border-left: solid 1px var(--overlay-0); - padding: 0em 1em; -} - -div#cgit table.nowrap td { - white-space: nowrap; -} - -div#cgit table.commit-info { - border-collapse: collapse; - margin-top: 1.5em; -} - -div#cgit div.cgit-panel { - float: right; - margin-top: 1.5em; -} - -div#cgit div.cgit-panel table { - border-collapse: collapse; - border: solid 1px var(--accent-color); - background-color: var(--crust); -} - -div#cgit div.cgit-panel th { - text-align: center; -} - -div#cgit div.cgit-panel td { - padding: 0.25em 0.5em; -} - -div#cgit div.cgit-panel td.label { - padding-right: 0.5em; -} - -div#cgit div.cgit-panel td.ctrl { - padding-left: 0.5em; -} - -div#cgit table.commit-info th { - text-align: left; - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; - vertical-align: top; -} - -div#cgit table.commit-info td { - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; -} - -div#cgit div.commit-subject { - font-weight: bold; - font-size: 125%; - margin: 1.5em 0em 0.5em 0em; - padding: 0em; -} - -div#cgit div.commit-msg { - white-space: pre; - font-family: monospace; -} - -div#cgit div.notes-header { - font-weight: bold; - padding-top: 1.5em; -} - -div#cgit div.notes { - white-space: pre; - font-family: monospace; - border: solid 1px var(--peach); - background-color: var(--yellow); - padding: 0.3em 2em 0.3em 1em; - float: left; -} - -div#cgit div.notes-footer { - clear: left; -} - -div#cgit div.diffstat-header { - font-weight: bold; - padding-top: 1.5em; -} - -div#cgit table.diffstat { - border-collapse: collapse; - border: solid 1px var(--accent-color); - background-color: var(--crust); -} - -div#cgit table.diffstat th { - font-weight: normal; - text-align: left; - text-decoration: underline; - padding: 0.1em 1em 0.1em 0.1em; - font-size: 100%; -} - -div#cgit table.diffstat td { - padding: 0.2em 0.2em 0.1em 0.1em; - font-size: 100%; - border: none; -} - -div#cgit table.diffstat td.mode { - white-space: nowrap; -} - -div#cgit table.diffstat td span.modechange { - padding-left: 1em; - color: var(--red); -} - -div#cgit table.diffstat td.add a { - color: var(--green); -} - -div#cgit table.diffstat td.del a { - color: var(--red); -} - -div#cgit table.diffstat td.upd a { - color: var(--accent-color); -} - -div#cgit table.diffstat td.graph { - width: 500px; - vertical-align: middle; -} - -div#cgit table.diffstat td.graph table { - border: none; -} - -div#cgit table.diffstat td.graph td { - padding: 0px; - border: 0px; - height: 7pt; -} - -div#cgit table.diffstat td.graph td.add { - background-color: var(--green); -} - -div#cgit table.diffstat td.graph td.rem { - background-color: var(--maroon); -} - -div#cgit div.diffstat-summary { - color: var(--subtext-1); - padding-top: 0.5em; -} - -div#cgit table.diff { - width: 100%; -} - -div#cgit table.diff td { - font-family: monospace; - white-space: pre; -} - -div#cgit table.diff td div.head { - font-weight: bold; - margin-top: 1em; - color: var(--subtext-0); -} - -div#cgit table.diff td div.hunk { - color: var(--sapphire); -} - -div#cgit table.diff td div.add { - color: var(--green); -} - -div#cgit table.diff td div.del { - color: var(--red); -} - -div#cgit .oid { - font-family: monospace; - font-size: 90%; -} - -div#cgit .left { - text-align: left; -} - -div#cgit .right { - text-align: right; -} - -div#cgit table.list td.reposection { - font-style: italic; - color: var(--accent-color); -} - -div#cgit a.button { - font-size: 80%; - padding: 0em 0.5em; -} - -div#cgit a.primary { - font-size: 100%; -} - -div#cgit a.secondary { - font-size: 90%; -} - -div#cgit table.list td.sublevel-repo { - color: var(--text); - padding-left: 1.5em; -} - -div#cgit ul.pager { - list-style-type: none; - text-align: center; - margin: 1em 0em 0em 0em; - padding: 0; -} - -div#cgit ul.pager li { - display: inline-block; - margin: 0.25em 0.5em; -} - -div#cgit ul.pager a { - color: var(--subtext-0); -} - -div#cgit ul.pager .current { - font-weight: bold; -} - -div#cgit span.age-mins { - font-weight: bold; - color: var(--teal); -} - -div#cgit span.age-hours { - color: var(--sky); -} - -div#cgit span.age-days { - color: var(--teal); -} - -div#cgit span.age-weeks { - color: var(--green); -} - -div#cgit span.age-months { - color: var(--overlay-1); -} - -div#cgit span.age-years { - color: var(--overlay-2); -} - -div#cgit span.insertions { - color: var(--teal); -} - -div#cgit span.deletions { - color: var(--maroon); -} - -div#cgit div.footer { - margin-top: 0.5em; - text-align: center; - font-size: 80%; - color: var(--text); -} - -div#cgit div.footer a { - color: var(--accent-color); - text-decoration: none; -} - -div#cgit div.footer a:hover { - text-decoration: underline; -} - -div#cgit span.msg-avail { - color: var(--mantle); - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--overlay-2); - border: solid 1px var(--overlay-0); -} - -div#cgit a.branch-deco { - color: var(--mantle) !important; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--green); - border: solid 1px var(--teal); -} - -div#cgit a.tag-deco { - color: var(--mantle) !important; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--yellow); - border: solid 1px var(--peach); -} - -div#cgit a.tag-annotated-deco { - color: var(--mantle) !important; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--peach); - border: solid 1px var(--rosewater); -} - -div#cgit a.remote-deco { - color: var(--mantle) !important; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--lavender); - border: solid 1px var(--mauve); -} - -div#cgit a.deco { - color: var(--mantle) !important; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: var(--red); - border: solid 1px var(--maroon); -} - -div#cgit div.commit-subject a.branch-deco, -div#cgit div.commit-subject a.tag-deco, -div#cgit div.commit-subject a.tag-annotated-deco, -div#cgit div.commit-subject a.remote-deco, -div#cgit div.commit-subject a.deco { - margin-left: 1em; - font-size: 75%; -} - -div#cgit table.stats { - border: solid 1px var(--accent-color); - border-collapse: collapse; -} - -div#cgit table.stats th { - text-align: left; - padding: 1px 0.5em; - background-color: var(--mantle); - border: solid 1px var(--accent-color); -} - -div#cgit table.stats td { - text-align: right; - padding: 1px 0.5em; - border: solid 1px var(--accent-color); -} - -div#cgit table.stats td.total { - font-weight: bold; - text-align: left; -} - -div#cgit table.stats td.sum { - color: var(--red); - font-weight: bold; - background-color: var(--mantle); -} - -div#cgit table.stats td.left { - text-align: left; -} - -div#cgit table.vgraph { - border-collapse: separate; - border: solid 1px var(--accent-color); - height: 200px; -} - -div#cgit table.vgraph th { - background-color: var(--mantle); - font-weight: bold; - border: solid 1px var(--accent-color); - padding: 1px 0.5em; -} - -div#cgit table.vgraph td { - vertical-align: bottom; - padding: 0px 10px; -} - -div#cgit table.vgraph div.bar { - background-color: var(--mantle); -} - -div#cgit table.hgraph { - border: solid 1px var(--accent-color); - width: 800px; -} - -div#cgit table.hgraph th { - background-color: var(--mantle); - font-weight: bold; - border: solid 1px var(--accent-color); - padding: 1px 0.5em; -} - -div#cgit table.hgraph td { - vertical-align: middle; - padding: 2px 2px; -} - -div#cgit table.hgraph div.bar { - background-color: var(--mantle); - height: 1em; -} - -div#cgit table.ssdiff { - width: 100%; -} - -div#cgit table.ssdiff td { - font-size: 75%; - font-family: monospace; - white-space: pre; - padding: 1px 4px 1px 4px; - border-left: solid 1px var(--accent-color); - border-right: solid 1px var(--accent-color); -} - -div#cgit table.ssdiff td.add { - color: var(--mantle); - background: var(--sky); - min-width: 50%; -} - -div#cgit table.ssdiff td.add_dark { - color: var(--mantle); - background: var(--teal); - min-width: 50%; -} - -div#cgit table.ssdiff span.add { - background: var(--green); - font-weight: bold; -} - -div#cgit table.ssdiff td.del { - color: var(--mantle); - background: var(--maroon); - min-width: 50%; -} - -div#cgit table.ssdiff td.del_dark { - color: var(--mantle); - background: var(--red); - min-width: 50%; -} - -div#cgit table.ssdiff span.del { - background: var(--maroon) - font-weight: bold; -} - -div#cgit table.ssdiff td.changed { - color: var(--mantle); - background: var(--yellow); - min-width: 50%; -} - -div#cgit table.ssdiff td.changed_dark { - color: var(--mantle); - background: var(--rosewater); - min-width: 50%; -} - -div#cgit table.ssdiff td.lineno { - color: var(--subtext-0); - background: var(--surface-0); - text-align: right; - width: 3em; - min-width: 3em; -} - -div#cgit table.ssdiff td.hunk { - color: var(--mantle); - background: var(--lavender); - border-top: solid 1px var(--accent-color); - border-bottom: solid 1px var(--accent-color); -} - -div#cgit table.ssdiff td.head { - border-top: solid 1px var(--accent-color); - border-bottom: solid 1px var(--accent-color); -} - -div#cgit table.ssdiff td.head div.head { - font-weight: bold; - color: var(--text); -} - -div#cgit table.ssdiff td.foot { - border-top: solid 1px var(--accent-color); - border-left: none; - border-right: none; - border-bottom: none; -} - -div#cgit table.ssdiff td.space { - border: none; -} - -div#cgit table.ssdiff td.space div { - min-height: 3em; -} - -input, select { - border: 1px solid var(--accent-color); - background-color: var(--crust); - color: var(--text); -} diff --git a/userChrome.css b/userChrome.css index 9b5c162..0fe4b73 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,62 +1,3 @@ -#back-button, #forward-button, #PanelUI-menu-button { +#back-button, #forward-button, #PanelUI-menu-button, #unified-extensions-button { display: none !important; } - -menubar, nav-bar, #TabsToolbar > * { - /*background-color:*/ /*#E9AFED*/ /*#CC02DB*/ /*#9d4ab5*/ /*#C678DD*/ /*#982cb8*/ /*#7b00a3*/ /*#AB47BC !important;*/ - background: linear-gradient(90deg, rgba(198,120,221,1) 28%, rgba(251,111,146,1) 74%, rgba(171,71,188,1) 97%); -} - -/* -toolbar > * { - background-color: #22252c !important; -} -*/ - -/* -.tab-background[selected="true"] { - background: #1b1d24 !important; -} -*/ - -/* -#urlbar-background { - background-color: #14161b !important; -} -*/ - -/* -#nav-bar toolbarspring { - min-width: 25px !important; - max-width: 35px !important; -} -*/ - -/* cuz mozilla be stupid sometimes */ -/* -#unified-extensions-view { - --uei-icon-size: 16px; -} -*/ - -/* -.unified-extensions-item-menu-button.subviewbutton { - padding: 2px !important; -} -.unified-extensions-item-message-deck { - display: none; -} -#unified-extensions-view > vbox > vbox > .unified-extensions-item { - padding-block: 0px !important; -} -.unified-extensions-item-menu-button { - margin-inline-end: 0 !important; -} -.unified-extensions-list .unified-extensions-item-menu-button { - margin-inline-end: 8px !important; -} -*/ - -#unified-extensions-button { - display: none; -} |
