A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

gtk: Update buttons fill-opacity

by roundabout, Monday, 14 May 2018, 12:09:21 (1526299761), pushed by roundabout, Sunday, 11 May 2025, 13:22:24 (1746969744)

Author identity: nana-4 <hnmaigo@gmail.com>

52fc93291e2af30837ccdc353028764cf8e2347a

src/_sass/gtk/_drawing-3.20.scss

@@ -178,7 +178,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              @if $t == flat-checked {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            background-color: $track_color;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            background-color: $fill_color;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                color: $fg_color;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/gtk/assets.svg

@@ -138,93 +138,33 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect id="48x48" width="48" height="48" opacity="0"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-checkbox-unchecked">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-unchecked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-checkbox-unchecked-hover">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.15"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-unchecked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-checkbox-unchecked-active">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.3"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-unchecked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-unchecked-path" fill-opacity="1"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-checkbox-checked">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-checked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-checkbox-checked-hover">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.15"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-checked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-checkbox-checked-active">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.3"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-checked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-checked-path" fill-opacity="1"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-checkbox-mixed">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-mixed-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-checkbox-mixed-hover">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.15"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-mixed-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-checkbox-mixed-active">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.3"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-mixed-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#checkbox-mixed-path" fill-opacity="1"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-radio-unchecked">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-unchecked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-radio-unchecked-hover">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.15"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-unchecked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-radio-unchecked-active">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.3"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-unchecked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-unchecked-path" fill-opacity="1"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-radio-checked">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-checked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-radio-checked-hover">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.15"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-checked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-radio-checked-active">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.3"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-checked-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-checked-path" fill-opacity="1"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-radio-mixed">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-mixed-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-radio-mixed-hover">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.15"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-mixed-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </g>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <g id="base-radio-mixed-active">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill" opacity="0.3"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-mixed-path"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#button-fill"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                              <use xlink:href="#radio-mixed-path" fill-opacity="1"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <g id="base-menu-checkbox-unchecked">
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -317,35 +257,35 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              </defs>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="8"   xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary)" id="checkbox-unchecked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="40"  xlink:href="#base-checkbox-unchecked-hover" fill="url(#color-fg)" id="checkbox-unchecked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="72"  xlink:href="#base-checkbox-unchecked-active" fill="url(#color-fg)" id="checkbox-unchecked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="104" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" id="checkbox-unchecked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="8"   xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary)" fill-opacity="0" id="checkbox-unchecked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="40"  xlink:href="#base-checkbox-unchecked" fill="url(#color-fg)" fill-opacity="0.12" id="checkbox-unchecked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="72"  xlink:href="#base-checkbox-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="checkbox-unchecked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="8"   y="104" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="checkbox-unchecked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="8"   xlink:href="#base-checkbox-checked" fill="url(#color-accent)" id="checkbox-checked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="40"  xlink:href="#base-checkbox-checked-hover" fill="url(#color-accent)" id="checkbox-checked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="72"  xlink:href="#base-checkbox-checked-active" fill="url(#color-accent)" id="checkbox-checked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="104" xlink:href="#base-checkbox-checked" fill="url(#color-accent-disabled)" id="checkbox-checked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="8"   xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0" id="checkbox-checked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="40"  xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-checked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="72"  xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-checked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="40"  y="104" xlink:href="#base-checkbox-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-checked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="8"   xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" id="checkbox-mixed"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="40"  xlink:href="#base-checkbox-mixed-hover" fill="url(#color-accent)" id="checkbox-mixed-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="72"  xlink:href="#base-checkbox-mixed-active" fill="url(#color-accent)" id="checkbox-mixed-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-disabled)" id="checkbox-mixed-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="8"   xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0" id="checkbox-mixed"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="40"  xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-mixed-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="72"  xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-mixed-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="72"  y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-mixed-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="8"   xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary)" id="radio-unchecked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="40"  xlink:href="#base-radio-unchecked-hover" fill="url(#color-fg)" id="radio-unchecked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="72"  xlink:href="#base-radio-unchecked-active" fill="url(#color-fg)" id="radio-unchecked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="104" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled)" id="radio-unchecked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="8"   xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary)" fill-opacity="0" id="radio-unchecked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="40"  xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.12" id="radio-unchecked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="72"  xlink:href="#base-radio-unchecked" fill="url(#color-fg)" fill-opacity="0.24" id="radio-unchecked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="104" y="104" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled)" fill-opacity="0" id="radio-unchecked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="8"   xlink:href="#base-radio-checked" fill="url(#color-accent)" id="radio-checked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="40"  xlink:href="#base-radio-checked-hover" fill="url(#color-accent)" id="radio-checked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="72"  xlink:href="#base-radio-checked-active" fill="url(#color-accent)" id="radio-checked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="104" xlink:href="#base-radio-checked" fill="url(#color-accent-disabled)" id="radio-checked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="8"   xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0" id="radio-checked"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="40"  xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.12" id="radio-checked-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="72"  xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.24" id="radio-checked-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="136" y="104" xlink:href="#base-radio-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-checked-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="8"   xlink:href="#base-radio-mixed" fill="url(#color-accent)" id="radio-mixed"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="40"  xlink:href="#base-radio-mixed-hover" fill="url(#color-accent)" id="radio-mixed-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="72"  xlink:href="#base-radio-mixed-active" fill="url(#color-accent)" id="radio-mixed-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="104" xlink:href="#base-radio-mixed" fill="url(#color-accent-disabled)" id="radio-mixed-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="8"   xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0" id="radio-mixed"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="40"  xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="radio-mixed-hover"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="72"  xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="radio-mixed-active"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="168" y="104" xlink:href="#base-radio-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-mixed-disabled"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              <use x="12"  y="136" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary)" id="menu-checkbox-unchecked"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              <use x="12"  y="160" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-disabled)" id="menu-checkbox-unchecked-disabled"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -387,35 +327,35 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              <use x="64"  y="320" xlink:href="#base-box" fill="url(#color-base)" filter="url(#1)" id="box-shadow-backdrop"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="8"   xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-dark)" id="checkbox-unchecked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="40"  xlink:href="#base-checkbox-unchecked-hover" fill="url(#color-fg-dark)" id="checkbox-unchecked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="72"  xlink:href="#base-checkbox-unchecked-active" fill="url(#color-fg-dark)" id="checkbox-unchecked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="104" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled-dark)" id="checkbox-unchecked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="8"   xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-dark)" fill-opacity="0" id="checkbox-unchecked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="40"  xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.12" id="checkbox-unchecked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="72"  xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.24" id="checkbox-unchecked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="208" y="104" xlink:href="#base-checkbox-unchecked" fill="url(#color-fg-secondary-disabled-dark)" fill-opacity="0" id="checkbox-unchecked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="8"   xlink:href="#base-checkbox-checked" fill="url(#color-accent)" id="checkbox-checked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="40"  xlink:href="#base-checkbox-checked-hover" fill="url(#color-accent)" id="checkbox-checked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="72"  xlink:href="#base-checkbox-checked-active" fill="url(#color-accent)" id="checkbox-checked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="104" xlink:href="#base-checkbox-checked" fill="url(#color-accent-disabled)" id="checkbox-checked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="8"   xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0" id="checkbox-checked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="40"  xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-checked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="72"  xlink:href="#base-checkbox-checked" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-checked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="240" y="104" xlink:href="#base-checkbox-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-checked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="8"   xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" id="checkbox-mixed-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="40"  xlink:href="#base-checkbox-mixed-hover" fill="url(#color-accent)" id="checkbox-mixed-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="72"  xlink:href="#base-checkbox-mixed-active" fill="url(#color-accent)" id="checkbox-mixed-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-disabled)" id="checkbox-mixed-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="8"   xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0" id="checkbox-mixed-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="40"  xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="checkbox-mixed-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="72"  xlink:href="#base-checkbox-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="checkbox-mixed-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="272" y="104" xlink:href="#base-checkbox-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="checkbox-mixed-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="8"   xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-dark)" id="radio-unchecked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="40"  xlink:href="#base-radio-unchecked-hover" fill="url(#color-fg-dark)" id="radio-unchecked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="72"  xlink:href="#base-radio-unchecked-active" fill="url(#color-fg-dark)" id="radio-unchecked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="104" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled-dark)" id="radio-unchecked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="8"   xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-dark)" fill-opacity="0" id="radio-unchecked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="40"  xlink:href="#base-radio-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.12" id="radio-unchecked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="72"  xlink:href="#base-radio-unchecked" fill="url(#color-fg-dark)" fill-opacity="0.24" id="radio-unchecked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="304" y="104" xlink:href="#base-radio-unchecked" fill="url(#color-fg-secondary-disabled-dark)" fill-opacity="0" id="radio-unchecked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="8"   xlink:href="#base-radio-checked" fill="url(#color-accent)" id="radio-checked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="40"  xlink:href="#base-radio-checked-hover" fill="url(#color-accent)" id="radio-checked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="72"  xlink:href="#base-radio-checked-active" fill="url(#color-accent)" id="radio-checked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="104" xlink:href="#base-radio-checked" fill="url(#color-accent-disabled)" id="radio-checked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="8"   xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0" id="radio-checked-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="40"  xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.12" id="radio-checked-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="72"  xlink:href="#base-radio-checked" fill="url(#color-accent)" fill-opacity="0.24" id="radio-checked-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="336" y="104" xlink:href="#base-radio-checked" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-checked-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="8"   xlink:href="#base-radio-mixed" fill="url(#color-accent)" id="radio-mixed-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="40"  xlink:href="#base-radio-mixed-hover" fill="url(#color-accent)" id="radio-mixed-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="72"  xlink:href="#base-radio-mixed-active" fill="url(#color-accent)" id="radio-mixed-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="104" xlink:href="#base-radio-mixed" fill="url(#color-accent-disabled)" id="radio-mixed-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="8"   xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0" id="radio-mixed-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="40"  xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.12" id="radio-mixed-hover-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="72"  xlink:href="#base-radio-mixed" fill="url(#color-accent)" fill-opacity="0.24" id="radio-mixed-active-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <use x="368" y="104" xlink:href="#base-radio-mixed" fill="url(#color-accent-disabled)" fill-opacity="0" id="radio-mixed-disabled-dark"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              <use x="212" y="136" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-dark)" id="menu-checkbox-unchecked-dark"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              <use x="212" y="160" xlink:href="#base-menu-checkbox-unchecked" fill="url(#color-fg-secondary-disabled-dark)" id="menu-checkbox-unchecked-disabled-dark"/>