mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2026-07-10 00:20:20 -07:00
Merge branch 'main' of github.com:vinceliuice/Colloid-gtk-theme into main
This commit is contained in:
Vince
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 20 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.7 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 9.3 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 8.1 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 8.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 8.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 6.9 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 127 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 8.1 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 16 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 9.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.9 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.3 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 7.7 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 8.0 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 9.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 13 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 23 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 8.4 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 8.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 16 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 7.5 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 59 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 7.9 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.4 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 8.7 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 7.6 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 9.7 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 8.8 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 14 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 8.0 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 7.9 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.0 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 9.9 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 8.0 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 8.0 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 13 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 8.5 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 8.0 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 6.6 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 50 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 8.9 KiB |
@@ -1,39 +1,15 @@
|
||||
<svg width="64" height="64" version="1.1" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="64" height="64" version="1.1" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<filter id="filter956" x="-.032777" y="-.039926" width="1.0656" height="1.0799" color-interpolation-filters="sRGB">
|
||||
<feGaussianBlur stdDeviation="0.20235586"/>
|
||||
</filter>
|
||||
<linearGradient id="linearGradient897" x1="6.8792" x2="6.8792" y1="285.36" y2="283.77" gradientTransform="matrix(.99998 0 0 .99998 1.0774e-8 -280.06)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0"/>
|
||||
<stop stop-opacity="0" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linearGradient1769" x1="445.28" x2="445.28" y1="179.28" y2="200.07" gradientTransform="matrix(.38956 0 0 .38184 -165.52 -63.44)" gradientUnits="userSpaceOnUse">
|
||||
<linearGradient id="linearGradient1769-3" x1="445.28" x2="445.28" y1="179.28" y2="200.07" gradientTransform="matrix(.38954 0 0 .38184 -165.51 -63.432)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#60c0f0" offset="0"/>
|
||||
<stop stop-color="#83d4fb" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linearGradient860" x1="8.4667" x2="8.4667" y1="293.3" y2="292.77" gradientTransform="translate(1.0774e-8 -280.07)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#008ea2" stop-opacity=".25" offset="0"/>
|
||||
<stop stop-color="#fff" stop-opacity=".15" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linearGradient868" x1="8.4667" x2="8.4667" y1="294.62" y2="293.56" gradientTransform="matrix(.99998 0 0 .99998 1.0774e-8 -280.06)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#008ea2" stop-opacity=".25098" offset="0"/>
|
||||
<stop stop-color="#008ea2" stop-opacity=".15" offset=".75678"/>
|
||||
<stop stop-color="#fff" stop-opacity=".15" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linearGradient907" x1="1.0583" x2="15.875" y1="289.59" y2="289.59" gradientTransform="translate(1.0774e-8 -280.07)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#46a2d7" stop-opacity=".5" offset="0"/>
|
||||
<stop stop-color="#46a2d7" stop-opacity="0" offset=".10783"/>
|
||||
<stop stop-color="#46a2d7" stop-opacity=".095808" offset=".89398"/>
|
||||
<stop stop-color="#46a2d7" stop-opacity=".5" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path d="m2.2099 2.5197c-0.63806 0-1.1513 0.51331-1.1513 1.1513v2.082c-8e-6 2e-3 -5.17e-4 3e-3 -5.17e-4 5e-3v7.7968c0 0.62536 0.5138 1.1286 1.1518 1.1286h12.513c0.63804 0 1.1518-0.50324 1.1518-1.1286v-8.6996c0-0.63797-0.51384-1.1568-1.1518-1.1518l-6.4124 0.0527c-0.91581 0-1.0823-0.0168-1.8639-0.60718-0.75908-0.60112-0.79125-0.62941-1.542-0.62941z" filter="url(#filter956)" opacity=".25"/>
|
||||
<path d="m2.21 2.38h2.695c0.75074 0 0.78302 0.0285 1.5421 0.62962 0.78159 0.5904 0.94779 0.607 1.8636 0.607l6.4126-0.0524c0.638-5e-3 1.1517 0.51363 1.1517 1.1516v6.77c0 0.63802-0.51364 1.1517-1.1517 1.1517h-12.513c-0.63802 0-1.1517-0.51364-1.1517-1.1517v-7.9542c0-0.63802 0.51364-1.1517 1.1517-1.1517z" fill="#46a2d7"/>
|
||||
<path d="m2.2102 2.3812c-0.63801 0-1.1518 0.51384-1.1518 1.1518v2.8167h14.816v-1.633c0-0.63801-0.51387-1.1563-1.1518-1.1513l-6.4124 0.052194c-0.91582 0-1.0818-0.016798-1.8634-0.60718-0.75908-0.6011-0.79128-0.62941-1.542-0.62941h-2.695z" fill="url(#linearGradient897)" opacity=".25" stroke-width=".26458"/>
|
||||
<rect x="1.0583" y="4.49" width="14.817" height="10.054" rx="1.1517" ry="1.1288" fill="url(#linearGradient1769)"/>
|
||||
<rect x="1.0583" y="12.7" width="14.817" height=".52915" fill="url(#linearGradient860)"/>
|
||||
<path d="m1.0655 13.494c0.03752 0.59168 0.5312 1.0583 1.1446 1.0583h12.513c0.6134 0 1.1071-0.46664 1.1446-1.0583h-14.802z" fill="url(#linearGradient868)" stroke-width=".26458"/>
|
||||
<rect x="1.0583" y="4.49" width="14.817" height="10.054" rx="1.1517" ry="1.1288" fill="url(#linearGradient907)"/>
|
||||
<path d="m2.2102 4.4979c-0.63801 0-1.1518 0.50323-1.1518 1.1286v0.23512c0-0.6089 0.51384-1.0991 1.1518-1.0991h12.513c0.63801 0 1.1518 0.49024 1.1518 1.0991v-0.23512c0-0.62536-0.51384-1.1286-1.1518-1.1286z" fill="#fff" opacity=".1" stroke-width=".26458"/>
|
||||
<image x=".66145" y="12.959" width="15.61" height="2.6458" image-rendering="optimizeQuality" opacity=".5" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAKCAYAAAAKAya7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA GXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAMFJREFUSInVltEOwyAIRaH1/794 rXvBhF2vDhb6MBIC1gY4gVpV6kQLY6H0iiCRAvEdTfrRPAjUkz5bh4pQZzMq4GMOlm8H0sGPKsai yX3hh9MT1kN3wLs8TFZdYjA30QvWCC9tATrgmvnN1INHIKOgK2D/jAEPwJfpZVbN/4hxJAr5e4mO MRtllbnDQizLw4R9u6yrt8yjjCNMx/ipA4rZVb5vkAhbdkAxif56dnu/dhb9zN4k1ReBJy4WJRcK EZE37lJlFEBdtGUAAAAASUVORK5CYII= "/>
|
||||
<path d="m2.21 2.38h2.695c0.75074 0 0.78302 0.0285 1.5421 0.62962 0.69651 0.52613 0.94779 0.4299 1.8636 0.4299h6.4126c0.638-5e-3 1.1517 0.51363 1.1517 1.1516v6.8947c0 0.63802-0.51364 1.1517-1.1517 1.1517h-12.513c-0.63802 0-1.1517-0.51364-1.1517-1.1517v-7.9542c0-0.63802 0.51364-1.1517 1.1517-1.1517z" fill="#2c96d3"/>
|
||||
<rect x="1.0583" y="4.4978" width="14.816" height="10.054" rx="1.1517" ry="1.1288" fill="url(#linearGradient1769-3)" stroke-width=".99998"/>
|
||||
<path d="m2.2102 4.4979c-0.63801 0-1.1518 0.50323-1.1518 1.1286v0.26458c0-0.62536 0.51384-1.1286 1.1518-1.1286h12.513c0.63801 0 1.1518 0.50323 1.1518 1.1286v-0.26458c0-0.62536-0.51384-1.1286-1.1518-1.1286z" fill="#ffffff" opacity=".08" stroke-width=".99998"/>
|
||||
<path d="m1.0583 13.159v0.26458c0 0.62536 0.51384 1.1286 1.1518 1.1286h12.513c0.63801 0 1.1518-0.50323 1.1518-1.1286v-0.26458c0 0.62536-0.51384 1.1286-1.1518 1.1286h-12.513c-0.63801 0-1.1518-0.50323-1.1518-1.1286z" fill="#000000" opacity=".15" stroke-width=".99998"/>
|
||||
<path d="m2.2102 4.2333c-0.63801 0-1.1518 0.50323-1.1518 1.1286v0.26458c0-0.62536 0.51384-1.1286 1.1518-1.1286h12.513c0.63801 0 1.1518 0.50323 1.1518 1.1286v-0.26458c0-0.62536-0.51384-1.1286-1.1518-1.1286z" fill="#000000" opacity=".05" stroke-width=".99998"/>
|
||||
<path d="m5.592 9.0919-0.0024-2.0641 2.3153-0.34481v2.4088zm2.6992-2.4704 3.0857-0.49281v2.9634h-3.0857zm3.0866 2.8937-8e-4 2.9634-3.0857-0.47602v-2.4874zm-3.472 2.4338-2.3138-0.348v-2.0865h2.3129v2.4338z" opacity=".15" stroke-width=".80003"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 2.5 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.4 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 9.3 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 8.3 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 8.7 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 7.4 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 7.9 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.9 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.9 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.1 KiB |
@@ -0,0 +1,14 @@
|
||||
<svg width="64" height="64" version="1.1" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="linearGradient1769-3" x1="445.28" x2="445.28" y1="179.28" y2="200.07" gradientTransform="matrix(.38954 0 0 .38184 -165.51 -63.432)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#60c0f0" offset="0"/>
|
||||
<stop stop-color="#83d4fb" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<image x=".66145" y="12.959" width="15.61" height="2.6458" image-rendering="optimizeQuality" opacity=".5" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAKCAYAAAAKAya7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA GXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAMFJREFUSInVltEOwyAIRaH1/794 rXvBhF2vDhb6MBIC1gY4gVpV6kQLY6H0iiCRAvEdTfrRPAjUkz5bh4pQZzMq4GMOlm8H0sGPKsai yX3hh9MT1kN3wLs8TFZdYjA30QvWCC9tATrgmvnN1INHIKOgK2D/jAEPwJfpZVbN/4hxJAr5e4mO MRtllbnDQizLw4R9u6yrt8yjjCNMx/ipA4rZVb5vkAhbdkAxif56dnu/dhb9zN4k1ReBJy4WJRcK EZE37lJlFEBdtGUAAAAASUVORK5CYII= "/>
|
||||
<path d="m2.21 2.38h2.695c0.75074 0 0.78302 0.0285 1.5421 0.62962 0.69651 0.52613 0.94779 0.4299 1.8636 0.4299h6.4126c0.638-5e-3 1.1517 0.51363 1.1517 1.1516v6.8947c0 0.63802-0.51364 1.1517-1.1517 1.1517h-12.513c-0.63802 0-1.1517-0.51364-1.1517-1.1517v-7.9542c0-0.63802 0.51364-1.1517 1.1517-1.1517z" fill="#2c96d3"/>
|
||||
<rect x="1.0583" y="4.4978" width="14.816" height="10.054" rx="1.1517" ry="1.1288" fill="url(#linearGradient1769-3)" stroke-width=".99998"/>
|
||||
<path d="m2.2102 4.4979c-0.63801 0-1.1518 0.50323-1.1518 1.1286v0.26458c0-0.62536 0.51384-1.1286 1.1518-1.1286h12.513c0.63801 0 1.1518 0.50323 1.1518 1.1286v-0.26458c0-0.62536-0.51384-1.1286-1.1518-1.1286z" fill="#ffffff" opacity=".08" stroke-width=".99998"/>
|
||||
<path d="m1.0583 13.159v0.26458c0 0.62536 0.51384 1.1286 1.1518 1.1286h12.513c0.63801 0 1.1518-0.50323 1.1518-1.1286v-0.26458c0 0.62536-0.51384 1.1286-1.1518 1.1286h-12.513c-0.63801 0-1.1518-0.50323-1.1518-1.1286z" fill="#000000" opacity=".15" stroke-width=".99998"/>
|
||||
<path d="m2.2102 4.2333c-0.63801 0-1.1518 0.50323-1.1518 1.1286v0.26458c0-0.62536 0.51384-1.1286 1.1518-1.1286h12.513c0.63801 0 1.1518 0.50323 1.1518 1.1286v-0.26458c0-0.62536-0.51384-1.1286-1.1518-1.1286z" fill="#000000" opacity=".05" stroke-width=".99998"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,14 @@
|
||||
<svg width="64" height="64" version="1.1" viewBox="0 0 16.933 16.933" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<clipPath id="clipPath857">
|
||||
<rect x="-2.8229e-7" y="-2.8229e-7" width="16.933" height="16.933" rx="0" ry="0" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width=".39419" style="paint-order:stroke fill markers"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<rect x="-2.8229e-7" y="-2.8229e-7" width="16.933" height="16.933" rx="0" ry="0" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width=".40168" style="paint-order:stroke fill markers"/>
|
||||
<image x="1.7198" y="-.030818" width="13.493" height="17.096" clip-path="url(#clipPath857)" image-rendering="optimizeQuality" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABBCAYAAAB8S5zgAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz AAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGiSURB VGiB7ZvRbsIwDACvEDZ42f9/6VbG2u7BMU0LCNE0nTP5pCgUEPHhIsXIaZjSzOaSDLM5mzT4BtjH UVpmiKMD+uQ6ixDnBjgAR+Ad2FFWqI/jO44LIpYlFBgzcgQ+4lw6O5qVC/AZxxn4IUNIM7NHMnIE TvG6ND0iFBi/vJYMIc1Mg9xa+pvZrRDsM3RNXV9ZLBSSx/MPLY2ud7iz7iKh8PwtxWmQOE6z518W siADKwlZkYEVhCzJQKaQNRnIELIoAwuFrMrAAiHLMvCikHUZeEGoBhl4LPRFstuuRQZuhQZks9rG eahJBqbliu66O6Qmqk4GZKcdEKELSR20xVa/BHrLvSG77h1sU7eUIP3PIhDrolpl4E5xV7OMci3s /oPMFZexistYxWWs4jJWcRmruIxVXMYqLmMVl7GKy1jFZaziMlZxGau4jFVcxiouYxWXsUoqs0rX 98ZMYg6MbRtdMmogjXfSbqKt7G283uI8QA7asd4icfcwZkZfAGnfKH0WIBe9m85I3B0w/NUpjTXQ JGiL1jAPesvzM7ncnL/5BYJedYBPZMN8AAAAAElFTkSuQmCC "/>
|
||||
<path d="m9.525 0.26354-6.6145 0.001034c-0.29315 0-0.52916 0.23601-0.52916 0.52916v14.816c0 0.29315 0.23601 0.52916 0.52916 0.52916h11.112c0.29315 0 0.52916-0.23601 0.52916-0.52916v-10.319c0-0.14159-0.04797-0.32932-0.14728-0.52969h-3.8213c-0.29318 0-0.52916-0.236-0.52916-0.52916v-3.8554c-0.19958-0.087925-0.38906-0.11265-0.52916-0.11265z" fill="#f9f9f9" stroke-width=".26458"/>
|
||||
<image x="6.8216" y=".26458" width="7.7238" height="7.6744" image-rendering="optimizeQuality" opacity=".15" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAACbCAMAAACgYwLHAAAAA3NCSVQICAjb4U/gAAAACXBIWXMA AE7pAABO6QE6orqlAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAANJQTFRF AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEZ0Uk5TAAECAwQF BgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+ P0BBQkNERfzZ3coAAAdgSURBVHjazZzdchs3DIVxJGWa9KLpdDqT93+p3vcJksaTdJImPr3Y5RIA Qe6PveRK9lqS5dWngx+CEGlARCDzASKYrtMBgsqF/Pn9+9d/KWdeHvv/BABww5t3AL98+sxOcJhF XO7puwuaZvzt/c+/zqO77VXN331AOsKhZc6sGaa7ONPnblulSjegxQNOpYvh4O9kRqNdYefePmcI YB0PGGZWeB0BJ56IjFXOwU62zKExLCAQsDm/664cwoxi2JCD9wpmNeMvlHTj4WBrAy3dMLjS6ZCl w+nS3Y7ohrOdTcNxo3SZLSWU4cqlnLbkEIs3dOC3jg+L18GsWyyqjKqMi0vkOTX0T4AYqlwliyjA yyiX7QrrdwPg0B5x0cewt30et8xrRypniVBMG2dMXKfY1LIl8a5QlXgll6bFcOVUO0UF67WUi6c+ wFC4Mg6sYa8wQsBlu5xPLjI1hC1MRiqHSr1pkt518pwZVnPoXmNq6DzwbLrbMZdTbje0TI8cC3J2 oB5KwrBTRFwpIILS82JwZ7flDpdMZliVK5oVJevFfA5XM2vDzBer586PixYcZfBlVTm2pRsBx63q 4boBceloHQ5HZVz2jZXboRjlOOXYIuAVfY4lFnvDcYtWzEeOVo4Khz0te6tqxJVoOF+4HXmOVsQO bHU4lnbND5FFChw/QhhKsl9AMJCNhX+xY7A65RiMXPSjGEf4HNdCU9l1AeQon6PzfhqfO9/lNgeE lm7RjuwerazkY6qQYA+rxsrR+yANoEHrqhzrCS57HRe0DsqxNtZTDwZmBOuoHBtFHOe4XI5KNY4p mVhOGWbDMmGR7JrnakUTldtJQlt+DJhDBE44s5FZuKFVCUlTyXE2rVBIjvA5m22XxKaDgqR09jmX gWmqy0mzFBSzZXvBMZ7WZLw0PjALd2qeW184z9RMIoSggBSCSHS95610pW8er5hy3aLfkGilqdNz fUTJfCTJW1ezEu4m5x4hBRQQFH1982NEntOFMNMAu1h0ke7toCTsJ6s5kyine38+nJ73UdVuTKOE qsupPI78/X4a3N18Vm83CU0LvaCWK0M9IR1ufDrdrCzrkLLfkDOKunx4d7pydm2BWiHnt44kfZeP hfH+43MvuMKudtONXQQuApHHH08/RsAV0uUP/bOGcv/z/vWMkcLtYLHLbZVl7eWmvqfD8+d/vv0n 9lwb5+kSebvI9xCuWEoFt6/vlo/qJpanzZsB/QooxiW1qr/M199P3qzickXacqhsa5dcI07cai6U BhhVoS5sokqJXFdMX49P8lhGUiIYYQlCKFjG10V1TD+fbVMZgBACEFN5tTzR925Nsi8UFPLXX77d 3brRWLpgWatbPsSacDYnpkHQsVkF58PzlzpcOE5I0+dpJ5GKTQ2C1Bb0xtU3Hh9XKmGmEniy7Izk jaVNCgJ0AQHbg6To7kEkn1Aoj7eFct6uOhXn/INK7y4UTqxV83zcwhTXb4+4yrR3iaRe0TXOa+dZ Ew6MZ522iVBexSjnpTNet+wKqidOhsLZiKCdjxg2i8bV2RcxJROdUeiVJYCkXBYuyiRx7RgCCuX2 qAbC9CU526WXgp/gQhuVS44zK08QeacbLjylhUuJt5BuSqiYpjhWDWbVElgpHMpumnWDmPHRTCOE 1maafQWJhMhaL+8lsyFuf1vxcnctP4Qi14uuhorySQBTDKjv5Rm6ZA3TNV3mKbFW4FxRHNGZm4rO Z+BWGyuTlFYu1nF56YL6SQOWojm2Yq0zozlKjNdIJbZcyTnFp9XkmsTseqke0fEQVpb0DXqHWK6A C6TLfgQvYL6pKkzrcg27NuTLI3npdWt0Yq1pt764GYa1K+tRW3yXPlvEhHlJx2e5ikitbtCtfsis TV2FK6QrI0MCuCAYsNJkq0NG0Y648iyyXs2eMLt2QkC2AGn6qXXp1uk0WOxvWO2x1RQMT7BOF8MZ NGMS1OesDAHrcMF2m4p8oa9tFc5n5JIwdAovnaOrmLI0aXMrDBvmtXC76QJjruiGlUYEyx+VN1eh K3YuR9DtQG3HrYW7N+HqdNrnzRBI14hsflBB1iBbysV0FcLAns6o2N5l0greZS+dZdm2G6f8oMc9 wpAScojOJbTC19A6Z3vpJaN5dA3OvySKxqbJuZDVJLJi4nz7LhvpQvHitHZkxXpo5LvspyuR0Kwh DuDZaA1PFdEFRFVXwwvUk6k3s53OpwlIlDoaCQQ1kPjxNlxMF0M1VcNGteyDa+eA1PHqomGn41UQ G53epngRE8Ju8XGnq0foqngStvxfkk4Kyg1wwQuiebcVWZuNuvk0kBpe8M/M5LBVC1LIpjeJug/G XK+yqwmymy6ggRy0aNvAkI10FV1qfnaWctUzY8XOu97rFukgO+jq3g55fd02iSQbIfYYYZuG2Ae9 LtJrbj7EK/wGr6nYxpPg5QnohUGBo6d8XQ878pYO/hZd4F7++xeBosszToPb+OIYBLfjlTEA7sCr oiNch7za88m930lvPnT6m25w3QD/BwPBmOCkJXW0AAAAAElFTkSuQmCC "/>
|
||||
<path d="m10.048 0.37541v3.8562c0 0.29315 0.23601 0.52918 0.52918 0.52918h3.8271c-0.086271-0.1743-0.21103-0.35779-0.3824-0.52918l-3.4395-3.4395c-0.16657-0.21078-0.35184-0.33837-0.52918-0.4165z" fill="#ffffff"/>
|
||||
<text x="5.721652" y="15.080956" fill="#7b7b7b" font-family="sans-serif" font-size="2.1776px" letter-spacing="0px" stroke-width=".05444" style="line-height:1.25" xml:space="preserve"><tspan x="5.721652" y="15.080956" fill="#7b7b7b" stroke-width=".05444">TEXT</tspan></text>
|
||||
<path transform="scale(.26458)" d="m36 0.99609-25 0.0039062c-1.108 0-2 0.89201-2 2v1.002c0-1.108 0.89201-2 2-2l25-0.00391v0.0019569c0.52952 0 1.2457 0.09346 2 0.42578v-1.002c-0.75433-0.33232-1.4705-0.42578-2-0.42578z" fill="#ffffff" opacity=".35"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.9 KiB |
@@ -273,7 +273,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
background-color: rgba(25, 25, 25, 0.9);
|
||||
color: white;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
|
||||
@@ -273,7 +273,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
background-color: rgba(52, 52, 52, 0.9);
|
||||
color: white;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
|
||||
@@ -273,7 +273,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
background-color: rgba(52, 52, 52, 0.9);
|
||||
color: white;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
|
||||
@@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.check-box, .check-box:focus StBin {
|
||||
.check-box StBin, .check-box:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.check-box:checked StBin, .check-box:focus:checked StBin {
|
||||
background-image: url("assets/checkbox-dark.svg");
|
||||
}
|
||||
@@ -1121,7 +1129,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: #242424;
|
||||
background-color: #1d1d1d;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1145,47 +1153,47 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
font-weight: bold;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0 !important;
|
||||
border-radius: 9px;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
background-color: #313131;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #707070;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.keyboard-key:focus, .keyboard-key:hover {
|
||||
color: white;
|
||||
background-color: #4b4b4b;
|
||||
background-color: #656565;
|
||||
}
|
||||
|
||||
.keyboard-key:checked, .keyboard-key:active {
|
||||
color: white;
|
||||
background-color: #575757;
|
||||
background-color: #717171;
|
||||
}
|
||||
|
||||
.keyboard-key:grayed {
|
||||
background-color: #2C2C2C;
|
||||
background-color: #4b4b4b;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key {
|
||||
background-color: #272727;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #4b4b4b;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
|
||||
color: white;
|
||||
background-color: #404040;
|
||||
background-color: #585858;
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
|
||||
color: white;
|
||||
background-color: #525252;
|
||||
background-color: #6a6a6a;
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key {
|
||||
color: white;
|
||||
background-color: #5b9bf8;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
|
||||
@@ -1209,13 +1217,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
.keyboard-subkeys {
|
||||
color: inherit;
|
||||
-arrow-border-radius: 12px;
|
||||
-arrow-background-color: #242424;
|
||||
-arrow-background-color: #343434;
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-boxpointer-gap: 6px;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
|
||||
@@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.check-box, .check-box:focus StBin {
|
||||
.check-box StBin, .check-box:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.check-box:checked StBin, .check-box:focus:checked StBin {
|
||||
background-image: url("assets/checkbox.svg");
|
||||
}
|
||||
@@ -1121,7 +1129,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: #242424;
|
||||
background-color: #d8dade;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1145,11 +1153,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
font-weight: bold;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0 !important;
|
||||
border-radius: 9px;
|
||||
border: none;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: white;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.keyboard-key:focus, .keyboard-key:hover {
|
||||
@@ -1163,29 +1172,28 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.keyboard-key:grayed {
|
||||
background-color: #FFFFFF;
|
||||
background-color: #adb3bc;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key {
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #adb3bc;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #ebebeb;
|
||||
background-color: #9fa6b1;
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #d9d9d9;
|
||||
background-color: #8b94a0;
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key {
|
||||
color: white;
|
||||
background-color: #3c84f7;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
|
||||
@@ -1209,13 +1217,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
.keyboard-subkeys {
|
||||
color: inherit;
|
||||
-arrow-border-radius: 12px;
|
||||
-arrow-background-color: #242424;
|
||||
-arrow-background-color: rgba(199, 201, 205, 0.987);
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-boxpointer-gap: 6px;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
|
||||
@@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.check-box, .check-box:focus StBin {
|
||||
.check-box StBin, .check-box:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.check-box:checked StBin, .check-box:focus:checked StBin {
|
||||
background-image: url("assets/checkbox.svg");
|
||||
}
|
||||
@@ -1121,7 +1129,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: #242424;
|
||||
background-color: #d8dade;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1145,11 +1153,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
font-weight: bold;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0 !important;
|
||||
border-radius: 9px;
|
||||
border: none;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: white;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.keyboard-key:focus, .keyboard-key:hover {
|
||||
@@ -1163,29 +1172,28 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.keyboard-key:grayed {
|
||||
background-color: #FFFFFF;
|
||||
background-color: #adb3bc;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key {
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #adb3bc;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #ebebeb;
|
||||
background-color: #9fa6b1;
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #d9d9d9;
|
||||
background-color: #8b94a0;
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key {
|
||||
color: white;
|
||||
background-color: #3c84f7;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
|
||||
@@ -1209,13 +1217,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
.keyboard-subkeys {
|
||||
color: inherit;
|
||||
-arrow-border-radius: 12px;
|
||||
-arrow-background-color: #242424;
|
||||
-arrow-background-color: rgba(199, 201, 205, 0.987);
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-boxpointer-gap: 6px;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
|
||||
@@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.check-box, .check-box:focus StBin {
|
||||
.check-box StBin, .check-box:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.check-box:checked StBin, .check-box:focus:checked StBin {
|
||||
background-image: url("assets/checkbox-dark.svg");
|
||||
}
|
||||
@@ -1121,7 +1129,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: #242424;
|
||||
background-color: #1d1d1d;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1145,47 +1153,47 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
font-weight: bold;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0 !important;
|
||||
border-radius: 9px;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
background-color: #313131;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #707070;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.keyboard-key:focus, .keyboard-key:hover {
|
||||
color: white;
|
||||
background-color: #4b4b4b;
|
||||
background-color: #656565;
|
||||
}
|
||||
|
||||
.keyboard-key:checked, .keyboard-key:active {
|
||||
color: white;
|
||||
background-color: #575757;
|
||||
background-color: #717171;
|
||||
}
|
||||
|
||||
.keyboard-key:grayed {
|
||||
background-color: #2C2C2C;
|
||||
background-color: #4b4b4b;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key {
|
||||
background-color: #272727;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #4b4b4b;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
|
||||
color: white;
|
||||
background-color: #404040;
|
||||
background-color: #585858;
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
|
||||
color: white;
|
||||
background-color: #525252;
|
||||
background-color: #6a6a6a;
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key {
|
||||
color: white;
|
||||
background-color: #5b9bf8;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
|
||||
@@ -1209,13 +1217,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
.keyboard-subkeys {
|
||||
color: inherit;
|
||||
-arrow-border-radius: 12px;
|
||||
-arrow-background-color: #242424;
|
||||
-arrow-background-color: #343434;
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-boxpointer-gap: 6px;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
@@ -2967,9 +2975,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
}
|
||||
|
||||
.page-navigation-arrow {
|
||||
margin: 6px;
|
||||
margin: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#dash {
|
||||
|
||||
@@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.check-box, .check-box:focus StBin {
|
||||
.check-box StBin, .check-box:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.check-box:checked StBin, .check-box:focus:checked StBin {
|
||||
background-image: url("assets/checkbox.svg");
|
||||
}
|
||||
@@ -1121,7 +1129,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: #242424;
|
||||
background-color: #d8dade;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1145,11 +1153,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
font-weight: bold;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0 !important;
|
||||
border-radius: 9px;
|
||||
border: none;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: white;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.keyboard-key:focus, .keyboard-key:hover {
|
||||
@@ -1163,29 +1172,28 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.keyboard-key:grayed {
|
||||
background-color: #FFFFFF;
|
||||
background-color: #adb3bc;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key {
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #adb3bc;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #ebebeb;
|
||||
background-color: #9fa6b1;
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #d9d9d9;
|
||||
background-color: #8b94a0;
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key {
|
||||
color: white;
|
||||
background-color: #3c84f7;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
|
||||
@@ -1209,13 +1217,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
.keyboard-subkeys {
|
||||
color: inherit;
|
||||
-arrow-border-radius: 12px;
|
||||
-arrow-background-color: #242424;
|
||||
-arrow-background-color: rgba(199, 201, 205, 0.987);
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-boxpointer-gap: 6px;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
@@ -2967,9 +2975,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
}
|
||||
|
||||
.page-navigation-arrow {
|
||||
margin: 6px;
|
||||
margin: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#dash {
|
||||
|
||||
@@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.check-box, .check-box:focus StBin {
|
||||
.check-box StBin, .check-box:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.check-box:checked StBin, .check-box:focus:checked StBin {
|
||||
background-image: url("assets/checkbox.svg");
|
||||
}
|
||||
@@ -1121,7 +1129,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
|
||||
/* On-screen Keyboard */
|
||||
#keyboard {
|
||||
background-color: #242424;
|
||||
background-color: #d8dade;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -1145,11 +1153,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
font-weight: bold;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
padding: 0 !important;
|
||||
border-radius: 9px;
|
||||
border: none;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: white;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.keyboard-key:focus, .keyboard-key:hover {
|
||||
@@ -1163,29 +1172,28 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.keyboard-key:grayed {
|
||||
background-color: #FFFFFF;
|
||||
background-color: #adb3bc;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key {
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
background-color: #adb3bc;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #ebebeb;
|
||||
background-color: #9fa6b1;
|
||||
}
|
||||
|
||||
.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
background-color: #d9d9d9;
|
||||
background-color: #8b94a0;
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key {
|
||||
color: white;
|
||||
background-color: #3c84f7;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
|
||||
@@ -1209,13 +1217,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
|
||||
.keyboard-subkeys {
|
||||
color: inherit;
|
||||
-arrow-border-radius: 12px;
|
||||
-arrow-background-color: #242424;
|
||||
-arrow-background-color: rgba(199, 201, 205, 0.987);
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-boxpointer-gap: 6px;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
@@ -2967,9 +2975,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
}
|
||||
|
||||
.page-navigation-arrow {
|
||||
margin: 6px;
|
||||
margin: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#dash {
|
||||
|
||||
+165
-1076
File diff suppressed because it is too large
Load Diff
+160
-1074
File diff suppressed because it is too large
Load Diff
+160
-1074
File diff suppressed because it is too large
Load Diff
@@ -27,14 +27,18 @@ treeview.expander:disabled {
|
||||
-gtk-icon-filter: opacity(0.5);
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view, iconview, .view {
|
||||
iconview, .view {
|
||||
color: white;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
|
||||
iconview:disabled, .view:disabled {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
iconview:selected, .view:selected {
|
||||
color: white;
|
||||
}
|
||||
|
||||
textview text {
|
||||
background-color: #2C2C2C;
|
||||
}
|
||||
@@ -49,8 +53,9 @@ iconview:hover, iconview:selected {
|
||||
}
|
||||
|
||||
rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
|
||||
.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband,
|
||||
treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
|
||||
.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
|
||||
treeview.view > rubberband,
|
||||
.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
|
||||
border: 1px solid #5b9bf8;
|
||||
background-color: rgba(91, 155, 248, 0.3);
|
||||
}
|
||||
@@ -134,7 +139,7 @@ popover.background.magnifier > contents, .osd {
|
||||
.osd {
|
||||
padding: 6px;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.osd.circular {
|
||||
@@ -1128,13 +1133,13 @@ toolbar.osd {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: #3C3C3C;
|
||||
}
|
||||
|
||||
.app-notification:backdrop, .toolbar.osd:backdrop,
|
||||
toolbar.osd:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
|
||||
@@ -1589,13 +1594,6 @@ treeview.view {
|
||||
border-top-color: #4b4b4b;
|
||||
}
|
||||
|
||||
columnview.view:selected,
|
||||
treeview.view:selected {
|
||||
background-color: #2C2C2C;
|
||||
background-image: image(alpha(currentColor, 0.1));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
columnview.view:hover, columnview.view:selected,
|
||||
treeview.view:hover,
|
||||
treeview.view:selected {
|
||||
@@ -1894,12 +1892,12 @@ popover.background > contents {
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background-clip: border-box;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
popover.background > arrow:backdrop,
|
||||
popover.background > contents:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
|
||||
popover.background > contents > list,
|
||||
@@ -3744,10 +3742,6 @@ filechooser stack.view scrolledwindow list {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
filechooser stack.view > placesview {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -4131,7 +4125,7 @@ tooltip {
|
||||
tooltip.background {
|
||||
background-color: rgba(25, 25, 25, 0.9);
|
||||
color: white;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
border-radius: 3px;
|
||||
margin: 2px 6px 8px 6px;
|
||||
border: none;
|
||||
@@ -4145,43 +4139,43 @@ tooltip > box {
|
||||
* Color Chooser *
|
||||
*****************/
|
||||
colorswatch.top {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.top overlay {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.bottom {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.bottom overlay {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.left, colorswatch:first-child:not(.top) {
|
||||
border-top-left-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
|
||||
border-top-left-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.right, colorswatch:last-child:not(.bottom) {
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.dark {
|
||||
@@ -4192,17 +4186,31 @@ colorswatch.light {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
colorchooser colorswatch:hover {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
box-shadow: 0 0 0 2px #5b9bf8;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button {
|
||||
border-radius: 12px 12px 0 0;
|
||||
border-radius: 6px 0 0 6px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button:only-child {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay {
|
||||
background-color: #3C3C3C;
|
||||
background-color: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
colorswatch:disabled {
|
||||
@@ -4214,22 +4222,26 @@ colorswatch:disabled overlay {
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample overlay {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample overlay:hover {
|
||||
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
colorchooser .popover.osd {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: #3C3C3C;
|
||||
}
|
||||
|
||||
colorchooser .popover.osd:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/********
|
||||
@@ -4249,11 +4261,11 @@ window.csd {
|
||||
outline-offset: -1px;
|
||||
outline-style: solid;
|
||||
outline-width: 1px;
|
||||
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
|
||||
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
|
||||
}
|
||||
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
|
||||
}
|
||||
|
||||
window.csd.popup {
|
||||
@@ -4345,11 +4357,12 @@ windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(lt
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
|
||||
.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected,
|
||||
treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
|
||||
background-color: alpha(currentColor, 0.06);
|
||||
}
|
||||
|
||||
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, filechooser stack.view scrolledwindow treeview.view:selected {
|
||||
flowbox > flowboxchild:selected, calendar > grid > label.today {
|
||||
color: #5b9bf8;
|
||||
background-color: rgba(91, 155, 248, 0.2);
|
||||
}
|
||||
|
||||
@@ -27,14 +27,18 @@ treeview.expander:disabled {
|
||||
-gtk-icon-filter: opacity(0.5);
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view, iconview, .view {
|
||||
iconview, .view {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
|
||||
iconview:disabled, .view:disabled {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
|
||||
iconview:selected, .view:selected {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
textview text {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
@@ -49,8 +53,9 @@ iconview:hover, iconview:selected {
|
||||
}
|
||||
|
||||
rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
|
||||
.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband,
|
||||
treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
|
||||
.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
|
||||
treeview.view > rubberband,
|
||||
.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
|
||||
border: 1px solid #3c84f7;
|
||||
background-color: rgba(60, 132, 247, 0.3);
|
||||
}
|
||||
@@ -134,7 +139,7 @@ popover.background.magnifier > contents, .osd {
|
||||
.osd {
|
||||
padding: 6px;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.osd.circular {
|
||||
@@ -1128,13 +1133,13 @@ toolbar.osd {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.app-notification:backdrop, .toolbar.osd:backdrop,
|
||||
toolbar.osd:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
|
||||
@@ -1589,13 +1594,6 @@ treeview.view {
|
||||
border-top-color: #e0e0e0;
|
||||
}
|
||||
|
||||
columnview.view:selected,
|
||||
treeview.view:selected {
|
||||
background-color: #FFFFFF;
|
||||
background-image: image(alpha(currentColor, 0.1));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
columnview.view:hover, columnview.view:selected,
|
||||
treeview.view:hover,
|
||||
treeview.view:selected {
|
||||
@@ -1894,12 +1892,12 @@ popover.background > contents {
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
background-clip: border-box;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
popover.background > arrow:backdrop,
|
||||
popover.background > contents:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
popover.background > arrow {
|
||||
@@ -3752,10 +3750,6 @@ filechooser stack.view scrolledwindow list {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
filechooser stack.view > placesview {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -4139,7 +4133,7 @@ tooltip {
|
||||
tooltip.background {
|
||||
background-color: rgba(52, 52, 52, 0.9);
|
||||
color: white;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
border-radius: 3px;
|
||||
margin: 2px 6px 8px 6px;
|
||||
border: none;
|
||||
@@ -4153,43 +4147,43 @@ tooltip > box {
|
||||
* Color Chooser *
|
||||
*****************/
|
||||
colorswatch.top {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.top overlay {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.bottom {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.bottom overlay {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.left, colorswatch:first-child:not(.top) {
|
||||
border-top-left-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
|
||||
border-top-left-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.right, colorswatch:last-child:not(.bottom) {
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.dark {
|
||||
@@ -4200,17 +4194,31 @@ colorswatch.light {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
colorchooser colorswatch:hover {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
box-shadow: 0 0 0 2px #3c84f7;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button {
|
||||
border-radius: 12px 12px 0 0;
|
||||
border-radius: 6px 0 0 6px;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
colorswatch#add-color-button:only-child {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay {
|
||||
background-color: #FFFFFF;
|
||||
background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay:active {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
colorswatch:disabled {
|
||||
@@ -4222,22 +4230,26 @@ colorswatch:disabled overlay {
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample overlay {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample overlay:hover {
|
||||
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
colorchooser .popover.osd {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
colorchooser .popover.osd:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
/********
|
||||
@@ -4257,11 +4269,11 @@ window.csd {
|
||||
outline-offset: -1px;
|
||||
outline-style: solid;
|
||||
outline-width: 1px;
|
||||
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
}
|
||||
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
}
|
||||
|
||||
window.csd.popup {
|
||||
@@ -4353,11 +4365,12 @@ windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(lt
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
|
||||
.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected,
|
||||
treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
|
||||
background-color: alpha(currentColor, 0.06);
|
||||
}
|
||||
|
||||
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, filechooser stack.view scrolledwindow treeview.view:selected {
|
||||
flowbox > flowboxchild:selected, calendar > grid > label.today {
|
||||
color: #3c84f7;
|
||||
background-color: rgba(60, 132, 247, 0.2);
|
||||
}
|
||||
|
||||
+61
-48
@@ -27,14 +27,18 @@ treeview.expander:disabled {
|
||||
-gtk-icon-filter: opacity(0.5);
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view, iconview, .view {
|
||||
iconview, .view {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
|
||||
iconview:disabled, .view:disabled {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
|
||||
iconview:selected, .view:selected {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
textview text {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
@@ -49,8 +53,9 @@ iconview:hover, iconview:selected {
|
||||
}
|
||||
|
||||
rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
|
||||
.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband,
|
||||
treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
|
||||
.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
|
||||
treeview.view > rubberband,
|
||||
.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
|
||||
border: 1px solid #3c84f7;
|
||||
background-color: rgba(60, 132, 247, 0.3);
|
||||
}
|
||||
@@ -134,7 +139,7 @@ popover.background.magnifier > contents, .osd {
|
||||
.osd {
|
||||
padding: 6px;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.osd.circular {
|
||||
@@ -1128,13 +1133,13 @@ toolbar.osd {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.app-notification:backdrop, .toolbar.osd:backdrop,
|
||||
toolbar.osd:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
|
||||
@@ -1598,13 +1603,6 @@ treeview.view {
|
||||
border-top-color: #e0e0e0;
|
||||
}
|
||||
|
||||
columnview.view:selected,
|
||||
treeview.view:selected {
|
||||
background-color: #FFFFFF;
|
||||
background-image: image(alpha(currentColor, 0.1));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
columnview.view:hover, columnview.view:selected,
|
||||
treeview.view:hover,
|
||||
treeview.view:selected {
|
||||
@@ -1903,12 +1901,12 @@ popover.background > contents {
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
background-clip: border-box;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
popover.background > arrow:backdrop,
|
||||
popover.background > contents:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
popover.background > arrow {
|
||||
@@ -3761,10 +3759,6 @@ filechooser stack.view scrolledwindow list {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow treeview.view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
filechooser stack.view > placesview {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -4148,7 +4142,7 @@ tooltip {
|
||||
tooltip.background {
|
||||
background-color: rgba(52, 52, 52, 0.9);
|
||||
color: white;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
|
||||
border-radius: 3px;
|
||||
margin: 2px 6px 8px 6px;
|
||||
border: none;
|
||||
@@ -4162,43 +4156,43 @@ tooltip > box {
|
||||
* Color Chooser *
|
||||
*****************/
|
||||
colorswatch.top {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.top overlay {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.bottom {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.bottom overlay {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.left, colorswatch:first-child:not(.top) {
|
||||
border-top-left-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
|
||||
border-top-left-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.right, colorswatch:last-child:not(.bottom) {
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
|
||||
border-top-right-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch.dark {
|
||||
@@ -4209,17 +4203,31 @@ colorswatch.light {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
colorchooser colorswatch:hover {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
box-shadow: 0 0 0 2px #3c84f7;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button {
|
||||
border-radius: 12px 12px 0 0;
|
||||
border-radius: 6px 0 0 6px;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
colorswatch#add-color-button:only-child {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay {
|
||||
background-color: #FFFFFF;
|
||||
background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
colorswatch#add-color-button overlay:active {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
colorswatch:disabled {
|
||||
@@ -4231,22 +4239,26 @@ colorswatch:disabled overlay {
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample overlay {
|
||||
border-radius: 12px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
colorswatch#editor-color-sample overlay:hover {
|
||||
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
colorchooser .popover.osd {
|
||||
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
colorchooser .popover.osd:backdrop {
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
/********
|
||||
@@ -4266,11 +4278,11 @@ window.csd {
|
||||
outline-offset: -1px;
|
||||
outline-style: solid;
|
||||
outline-width: 1px;
|
||||
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
}
|
||||
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 36px transparent;
|
||||
}
|
||||
|
||||
window.csd.popup {
|
||||
@@ -4362,11 +4374,12 @@ windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(lt
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
|
||||
.view:selected, iconview:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected,
|
||||
treeview.view:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
|
||||
background-color: alpha(currentColor, 0.06);
|
||||
}
|
||||
|
||||
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, filechooser stack.view scrolledwindow treeview.view:selected {
|
||||
flowbox > flowboxchild:selected, calendar > grid > label.today {
|
||||
color: #3c84f7;
|
||||
background-color: rgba(60, 132, 247, 0.2);
|
||||
}
|
||||
|
||||
+18
-14
@@ -60,22 +60,26 @@ $shadow-z1:
|
||||
0 1px 2px -1px rgba(black, 0.24),
|
||||
0 1px 2px -.6px rgba(black, 0.17);
|
||||
$shadow-z2:
|
||||
0 3px 2px -3px rgba(black, 0.3),
|
||||
0 3px 2px -3px rgba(black, 0.2),
|
||||
0 2px 2px -1px rgba(black, 0.24),
|
||||
0 1px (5px * .6) 0 rgba(black, 0.12);
|
||||
0 1px 3px 0 rgba(black, 0.12);
|
||||
$shadow-z3:
|
||||
0 3px 2px -2px rgba(black, 0.2),
|
||||
0 3px (4px * .6) 0 rgba(black, 0.14),
|
||||
0 1px (8px * .6) 0 rgba(black, 0.12);
|
||||
0 3px 2px -2px rgba(black, 0.05),
|
||||
0 2px 3px -1px rgba(black, 0.06),
|
||||
0 1px 4px 0 rgba(black, 0.05);
|
||||
$shadow-z4:
|
||||
0 2px (4px * .6) -1px rgba(black, 0.2),
|
||||
0 4px (5px * .6) 0 rgba(black, 0.14),
|
||||
0 1px (10px * .6) 0 rgba(black, 0.12);
|
||||
0 2px 3px -1px rgba(black, 0.15),
|
||||
0 4px 3px 0 rgba(black, 0.18),
|
||||
0 1px 6px 0 rgba(black, 0.12);
|
||||
$shadow-z5:
|
||||
0 2px 3px -1px rgba(black, 0.05),
|
||||
0 4px 6px 0 rgba(black, 0.06),
|
||||
0 1px 10px 0 rgba(black, 0.05);
|
||||
$shadow-z12:
|
||||
0 7px (8px * .6) -4px rgba(black, 0.2),
|
||||
0 12px (17px * .6) 2px rgba(black, 0.14),
|
||||
0 5px (22px * .6) 4px rgba(black, 0.12);
|
||||
0 7px 5px -4px rgba(black, 0.2),
|
||||
0 12px 10px 2px rgba(black, 0.14),
|
||||
0 5px 13px 4px rgba(black, 0.12);
|
||||
$shadow-z16:
|
||||
0 8px (10px * .6) -5px rgba(black, 0.2),
|
||||
0 16px (24px * .6) 2px rgba(black, 0.14),
|
||||
0 6px (30px * .6) 5px rgba(black, 0.12);
|
||||
0 8px 6px -5px rgba(black, 0.2),
|
||||
0 16px 15px 2px rgba(black, 0.14),
|
||||
0 6px 18px 5px rgba(black, 0.12);
|
||||
|
||||
@@ -2,15 +2,26 @@
|
||||
|
||||
.check-box {
|
||||
StBoxLayout { spacing: .8em; }
|
||||
|
||||
StBin {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: $base_padding / 2;
|
||||
border-radius: $base_radius;
|
||||
}
|
||||
&, &:focus StBin {
|
||||
|
||||
StBin, &:focus StBin {
|
||||
background-image: url("assets/checkbox-off.svg");
|
||||
}
|
||||
|
||||
&:hover StBin {
|
||||
background-color: $divider;
|
||||
}
|
||||
|
||||
&:active StBin {
|
||||
background-color: $track;
|
||||
}
|
||||
|
||||
&:checked StBin, &:focus:checked StBin {
|
||||
@if $theme == 'default' {
|
||||
background-image: url("assets/checkbox#{$asset_suffix}.svg");
|
||||
|
||||
@@ -1,13 +1,14 @@
|
||||
/* On-screen Keyboard */
|
||||
|
||||
$key_size: 1.2em;
|
||||
$key_border_radius: $base_radius + 3px;
|
||||
$default_key_bg_color: if($variant=='light', $base, lighten($base, 2%));
|
||||
|
||||
$key_size: 1.2em;
|
||||
$keyboard_bg_color: if($variant == 'light', #d8dade, #1d1d1d);
|
||||
$key_border_radius: $base_radius + 3px;
|
||||
$key_bg_color: if($variant == 'light', white, #707070);
|
||||
$default_key_bg_color: if($variant == 'light', #adb3bc, #4b4b4b);
|
||||
|
||||
// draw keys using button function
|
||||
#keyboard {
|
||||
background-color: $scrim;
|
||||
background-color: $keyboard_bg_color;
|
||||
box-shadow: none;
|
||||
|
||||
.page-indicator {
|
||||
@@ -33,11 +34,12 @@ $default_key_bg_color: if($variant=='light', $base, lighten($base, 2%));
|
||||
font-weight: bold;
|
||||
min-height: $key_size;
|
||||
min-width: $key_size;
|
||||
padding: 0 !important;
|
||||
border-radius: $key_border_radius;
|
||||
border: none;
|
||||
color: $text-secondary;
|
||||
background-color: $default_key_bg_color;
|
||||
box-shadow: 0 1px 3px rgba(black, 0.15);
|
||||
background-color: $key_bg_color;
|
||||
box-shadow: inset 0 -1px if($variant == 'light', rgba(black, 0.35), rgba(black, 0.85));
|
||||
|
||||
&:focus, &:hover {
|
||||
color: $text;
|
||||
@@ -50,29 +52,28 @@ $default_key_bg_color: if($variant=='light', $base, lighten($base, 2%));
|
||||
}
|
||||
|
||||
&:grayed { //FIXME
|
||||
background-color: $background;
|
||||
background-color: $default_key_bg_color;
|
||||
color: $text-secondary;
|
||||
}
|
||||
|
||||
&.default-key { // non-character keys
|
||||
background-color: darken($background, 2%);
|
||||
box-shadow: 0 2px 3px rgba(black, 0.15);
|
||||
background-color: $default_key_bg_color;
|
||||
box-shadow: inset 0 -1px if($variant == 'light', rgba(black, 0.2), rgba(black, 0.85));
|
||||
|
||||
&:focus, &:hover {
|
||||
color: $text;
|
||||
background-color: if($variant == 'light', darken($background, 8%), lighten($background, 8%));
|
||||
background-color: if($variant == 'light', darken($default_key_bg_color, 5%), lighten($default_key_bg_color, 5%));
|
||||
}
|
||||
|
||||
&:checked, &:active {
|
||||
color: $text;
|
||||
background-color: if($variant == 'light', darken($background, 15%), lighten($background, 15%));
|
||||
background-color: if($variant == 'light', darken($default_key_bg_color, 12%), lighten($default_key_bg_color, 12%));
|
||||
}
|
||||
}
|
||||
|
||||
&.enter-key { // enter key is suggested-action
|
||||
color: on($primary);
|
||||
background-color: $primary;
|
||||
box-shadow: 0 2px 3px rgba(black, 0.15);
|
||||
|
||||
&:focus, &:hover { color: on($primary); background-color: lighten($primary, 5%); }
|
||||
&:checked, &:active { color: on($primary); background-color: darken($primary, 10%); }
|
||||
@@ -90,13 +91,13 @@ $default_key_bg_color: if($variant=='light', $base, lighten($base, 2%));
|
||||
.keyboard-subkeys { //long press on a key popup
|
||||
color: inherit;
|
||||
-arrow-border-radius: $menu_radius;
|
||||
-arrow-background-color: $scrim;
|
||||
-arrow-background-color: mix($text, $keyboard_bg_color, 10%);
|
||||
-arrow-border-width: 0;
|
||||
-arrow-border-color: transparent;
|
||||
-arrow-base: 20px;
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 5px;
|
||||
box-shadow: 0 2px 5px rgba(black, 0.25);
|
||||
-boxpointer-gap: $base_spacing;
|
||||
box-shadow: inset 0 -1px if($variant == 'light', rgba(black, 0.35), rgba(black, 0.85));
|
||||
}
|
||||
|
||||
// emoji
|
||||
|
||||
@@ -55,7 +55,8 @@ $app_icon_spacing: 6px;
|
||||
}
|
||||
|
||||
.page-navigation-arrow {
|
||||
margin: $base_margin + 2px;
|
||||
margin: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
|
||||
%selected_items {
|
||||
color: $text;
|
||||
background-color: mix($text, $base, 10%);
|
||||
background-color: $overlay-checked;
|
||||
}
|
||||
|
||||
%selected_items_color {
|
||||
@@ -145,7 +145,9 @@
|
||||
&:hover { box-shadow: none; }
|
||||
}
|
||||
|
||||
.background.csd &:selected { @extend %selected_items_color; }
|
||||
.background.csd &:selected {
|
||||
@extend %selected_items;
|
||||
}
|
||||
}
|
||||
|
||||
widget.view {
|
||||
@@ -1504,7 +1506,6 @@ treeview.view {
|
||||
// FIXME: Avoid transparency background-color being slightly darker
|
||||
&:selected {
|
||||
@extend %selected_items;
|
||||
background-image: image($overlay-checked);
|
||||
}
|
||||
|
||||
rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
|
||||
@@ -1550,7 +1551,17 @@ treeview.view {
|
||||
border-radius: $circular-radius;
|
||||
color: on($primary);
|
||||
|
||||
&:selected:hover { box-shadow: none; }
|
||||
&:selected, &:selected:hover, &:selected:focus {
|
||||
box-shadow: none;
|
||||
background-color: mix($text, $primary, 15%);
|
||||
color: on($primary);
|
||||
|
||||
&:backdrop { color: on($primary); }
|
||||
}
|
||||
|
||||
&:backdrop, &:selected:backdrop {
|
||||
background-color: $track;
|
||||
}
|
||||
}
|
||||
|
||||
&.trough { // progress bar trough in treeviews
|
||||
@@ -1562,7 +1573,14 @@ treeview.view {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
&:selected:hover { box-shadow: none; }
|
||||
&:selected, &:selected:hover, &:selected:focus {
|
||||
box-shadow: none;
|
||||
background-color: $track-disabled;
|
||||
}
|
||||
|
||||
&:backdrop, &:selected:backdrop {
|
||||
background-color: $divider;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
@@ -1634,6 +1652,10 @@ menubar,
|
||||
&:disabled { color: $titlebar-text-secondary-disabled; }
|
||||
|
||||
label:disabled { color: inherit; } // to inherit the above color
|
||||
|
||||
> window.popup.background > menu {
|
||||
menuitem { transition: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1762,21 +1784,21 @@ popover.background {
|
||||
&, .csd & {
|
||||
@if $rimless == 'true' {
|
||||
border: none;
|
||||
box-shadow: $shadow-z4;
|
||||
box-shadow: $shadow-z5;
|
||||
|
||||
&:backdrop { box-shadow: $shadow-z2; }
|
||||
&:backdrop { box-shadow: $shadow-z3; }
|
||||
} @else if $variant == 'dark' {
|
||||
border: 1px solid highlight($surface);
|
||||
box-shadow: $shadow-z4, 0 0 0 1px $window-border;
|
||||
box-shadow: $shadow-z5, 0 0 0 1px $window-border;
|
||||
background-clip: border-box;
|
||||
|
||||
&:backdrop { box-shadow: $shadow-z2, 0 0 0 1px $window-border; }
|
||||
&:backdrop { box-shadow: $shadow-z3, 0 0 0 1px $window-border; }
|
||||
} @else {
|
||||
border: 1px solid rgba(black, 0.25);
|
||||
box-shadow: $shadow-z4;
|
||||
border: 1px solid rgba(black, 0.15);
|
||||
box-shadow: $shadow-z5;
|
||||
background-clip: padding-box;
|
||||
|
||||
&:backdrop { box-shadow: $shadow-z2; }
|
||||
&:backdrop { box-shadow: $shadow-z3; }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2385,7 +2407,7 @@ treeview.view {
|
||||
}
|
||||
}
|
||||
|
||||
&:selected, &:selected:focused {
|
||||
&:selected, &:selected:focus {
|
||||
radio, check {
|
||||
&:checked, &:indeterminate {
|
||||
background-color: $primary;
|
||||
@@ -2706,10 +2728,7 @@ levelbar {
|
||||
|
||||
// imitate the entry style
|
||||
trough {
|
||||
// padding: 2px;
|
||||
border-radius: $corner-radius;
|
||||
// box-shadow: $shadow-z1;
|
||||
// background-color: $base;
|
||||
|
||||
// &:disabled { background-color: $base-alt; }
|
||||
}
|
||||
@@ -3107,11 +3126,6 @@ filechooser {
|
||||
border-radius: 0 0 $window-radius 0;
|
||||
|
||||
list { background-color: transparent; }
|
||||
|
||||
treeview.view {
|
||||
@extend .view;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
> placesview {
|
||||
@@ -3388,6 +3402,8 @@ infobar {
|
||||
&:backdrop > revealer > box {
|
||||
background-color: $base;
|
||||
|
||||
link:link { color: on($primary); }
|
||||
|
||||
button {
|
||||
&, &.text-button:not(:disabled) { color: $primary; }
|
||||
}
|
||||
@@ -3401,11 +3417,11 @@ infobar {
|
||||
background-color: $primary;
|
||||
color: on($primary);
|
||||
|
||||
link:link { color: on($primary); }
|
||||
|
||||
button {
|
||||
&, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($primary); }
|
||||
}
|
||||
|
||||
*:link { color: on($primary); }
|
||||
}
|
||||
|
||||
&:hover > revealer > box {
|
||||
@@ -3419,13 +3435,13 @@ infobar {
|
||||
background-color: $warning;
|
||||
color: on($warning);
|
||||
|
||||
link:link { color: on($warning); }
|
||||
|
||||
button {
|
||||
@extend %button-on-dark;
|
||||
|
||||
&, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($warning); }
|
||||
}
|
||||
|
||||
*:link { color: on($warning); }
|
||||
}
|
||||
|
||||
&:hover > revealer > box {
|
||||
@@ -3439,11 +3455,11 @@ infobar {
|
||||
background-color: $error;
|
||||
color: on($error);
|
||||
|
||||
link:link { color: on($error); }
|
||||
|
||||
button {
|
||||
&, &:hover, &:focus, &:active, &:checked, &.text-button:not(:disabled) { color: on($error); }
|
||||
}
|
||||
|
||||
*:link { color: on($error); }
|
||||
}
|
||||
|
||||
&:hover > revealer > box {
|
||||
@@ -3557,12 +3573,10 @@ colorswatch {
|
||||
transition: $transition-shadow;
|
||||
|
||||
&:hover { box-shadow: 0 0 0 2px $primary; }
|
||||
|
||||
// &:drop(active) { }
|
||||
}
|
||||
|
||||
&#add-color-button {
|
||||
border-radius: $corner-radius $corner-radius 0 0;
|
||||
border-radius: $corner-radius 0 0 $corner-radius;
|
||||
|
||||
&:only-child { border-radius: $corner-radius; }
|
||||
|
||||
@@ -3581,15 +3595,12 @@ colorswatch {
|
||||
overlay { box-shadow: none; }
|
||||
}
|
||||
|
||||
row:selected & {
|
||||
}
|
||||
|
||||
&#editor-color-sample {
|
||||
border-radius: $menu-radius;
|
||||
|
||||
overlay { border-radius: $menu-radius; }
|
||||
|
||||
// overlay:hover { box-shadow: $shadow-z1; }
|
||||
overlay:hover { box-shadow: $shadow-z1; }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3640,14 +3651,14 @@ decoration {
|
||||
box-shadow: $shadow-z16, 0 0 0 1px $window-border, 0 0 36px transparent;
|
||||
|
||||
@if $variant == 'dark' {
|
||||
border: 1px solid highlight($background);
|
||||
background-color: $background;
|
||||
background-clip: border-box;
|
||||
.csd & {
|
||||
border: 1px solid highlight($background);
|
||||
background-color: $background;
|
||||
background-clip: border-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// FIXME rationalize shadows
|
||||
|
||||
// this is used for the resize cursor area
|
||||
margin: 8px;
|
||||
|
||||
@@ -3700,9 +3711,9 @@ decoration {
|
||||
border: none;
|
||||
|
||||
@if $rimless == 'true' {
|
||||
box-shadow: $shadow-z4;
|
||||
box-shadow: $shadow-z5;
|
||||
} @else {
|
||||
box-shadow: $shadow-z4, 0 0 0 1px $window-border;
|
||||
box-shadow: $shadow-z5, 0 0 0 1px $window-border;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -35,7 +35,8 @@ treeview.expander:disabled { -gtk-icon-filter: opacity(0.5); }
|
||||
&:disabled { color: $text-disabled; }
|
||||
|
||||
&:selected {
|
||||
@extend %selected_items_color;
|
||||
color: $text;
|
||||
@extend %selected_items;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1451,9 +1452,7 @@ treeview.view {
|
||||
|
||||
// FIXME: Avoid transparency background-color being slightly darker
|
||||
&:selected {
|
||||
background-color: $base;
|
||||
background-image: image($overlay-checked);
|
||||
box-shadow: none;
|
||||
@extend %selected_items;
|
||||
}
|
||||
|
||||
> rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
|
||||
@@ -1703,18 +1702,18 @@ popover.background {
|
||||
|
||||
@if $rimless == 'true' {
|
||||
border: none;
|
||||
box-shadow: $shadow-z4;
|
||||
box-shadow: $shadow-z5;
|
||||
} @else {
|
||||
border: 1px solid highlight($surface);
|
||||
background-clip: border-box;
|
||||
box-shadow: 0 0 0 1px $window-border, $shadow-z4;
|
||||
box-shadow: 0 0 0 1px $window-border, $shadow-z5;
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
@if $rimless == 'true' {
|
||||
box-shadow: $shadow-z2;
|
||||
box-shadow: $shadow-z3;
|
||||
} @else {
|
||||
box-shadow: $shadow-z2, 0 0 0 1px $window-border;
|
||||
box-shadow: $shadow-z3, 0 0 0 1px $window-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -3393,11 +3392,6 @@ filechooser {
|
||||
border-radius: 0 0 $window-radius 0;
|
||||
|
||||
list { background-color: transparent; }
|
||||
|
||||
treeview.view {
|
||||
@extend %view;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
> placesview {
|
||||
@@ -3834,44 +3828,44 @@ colorswatch {
|
||||
// nth-child is needed by the custom color strip.
|
||||
|
||||
&.top {
|
||||
border-top-left-radius: $menu-radius;
|
||||
border-top-right-radius: $menu-radius;
|
||||
border-top-left-radius: $corner-radius;
|
||||
border-top-right-radius: $corner-radius;
|
||||
|
||||
overlay {
|
||||
border-top-left-radius: $menu-radius;
|
||||
border-top-right-radius: $menu-radius;
|
||||
border-top-left-radius: $corner-radius;
|
||||
border-top-right-radius: $corner-radius;
|
||||
}
|
||||
}
|
||||
|
||||
&.bottom {
|
||||
border-bottom-left-radius: $menu-radius;
|
||||
border-bottom-right-radius: $menu-radius;
|
||||
border-bottom-left-radius: $corner-radius;
|
||||
border-bottom-right-radius: $corner-radius;
|
||||
|
||||
overlay {
|
||||
border-bottom-left-radius: $menu-radius;
|
||||
border-bottom-right-radius: $menu-radius;
|
||||
border-bottom-left-radius: $corner-radius;
|
||||
border-bottom-right-radius: $corner-radius;
|
||||
}
|
||||
}
|
||||
|
||||
&.left,
|
||||
&:first-child:not(.top) {
|
||||
border-top-left-radius: $menu-radius;
|
||||
border-bottom-left-radius: $menu-radius;
|
||||
border-top-left-radius: $corner-radius;
|
||||
border-bottom-left-radius: $corner-radius;
|
||||
|
||||
overlay {
|
||||
border-top-left-radius: $menu-radius;
|
||||
border-bottom-left-radius: $menu-radius;
|
||||
border-top-left-radius: $corner-radius;
|
||||
border-bottom-left-radius: $corner-radius;
|
||||
}
|
||||
}
|
||||
|
||||
&.right,
|
||||
&:last-child:not(.bottom) {
|
||||
border-top-right-radius: $menu-radius;
|
||||
border-bottom-right-radius: $menu-radius;
|
||||
border-top-right-radius: $corner-radius;
|
||||
border-bottom-right-radius: $corner-radius;
|
||||
|
||||
overlay {
|
||||
border-top-right-radius: $menu-radius;
|
||||
border-bottom-right-radius: $menu-radius;
|
||||
border-top-right-radius: $corner-radius;
|
||||
border-bottom-right-radius: $corner-radius;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3879,14 +3873,23 @@ colorswatch {
|
||||
|
||||
&.light { color: on(light); }
|
||||
|
||||
colorchooser &:hover {
|
||||
transition: $transition-shadow;
|
||||
box-shadow: 0 0 0 2px $primary;
|
||||
}
|
||||
|
||||
&#add-color-button {
|
||||
border-radius: $menu-radius $menu-radius 0 0;
|
||||
border-radius: $corner-radius 0 0 $corner-radius;
|
||||
color: $text;
|
||||
|
||||
&:only-child { border-radius: $menu-radius; }
|
||||
&:only-child { border-radius: $corner-radius; }
|
||||
|
||||
overlay {
|
||||
background-color: $surface;
|
||||
background-color: $fill;
|
||||
|
||||
&:hover { background-color: $divider; box-shadow: none; }
|
||||
|
||||
&:active { background-color: $track; }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3897,9 +3900,11 @@ colorswatch {
|
||||
}
|
||||
|
||||
&#editor-color-sample {
|
||||
border-radius: $menu-radius;
|
||||
border-radius: $corner-radius;
|
||||
|
||||
overlay { border-radius: $menu-radius; }
|
||||
overlay { border-radius: $corner-radius; }
|
||||
|
||||
overlay:hover { box-shadow: $shadow-z1; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -26,6 +26,10 @@ $nautilus: if($variant == 'light' and $topbar == 'dark', $base-alt, $titlebar);
|
||||
}
|
||||
}
|
||||
|
||||
notebook widget.view:selected {
|
||||
@extend %selected_items_color;
|
||||
}
|
||||
|
||||
&.unified {
|
||||
notebook {
|
||||
border-radius: 0;
|
||||
|
||||
@@ -187,3 +187,26 @@ window.background.csd.thunar {
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
// vala-panel-appmenu
|
||||
menubar.-vala-panel-appmenu-private, // xfce4 appmenu plugin
|
||||
menubar.-vala-panel-background {
|
||||
background: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
animation: none;
|
||||
|
||||
> menuitem {
|
||||
color: $panel-text-secondary;
|
||||
font-weight: normal;
|
||||
|
||||
&:hover {
|
||||
color: $panel-text;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: $panel-text-secondary-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user