style: update tangerine ui
This commit is contained in:
무라쿠모
parent
8b9985c5ce
commit
d558a3020b
2 changed files with 7830 additions and 7928 deletions
|
|
@ -14,7 +14,7 @@
|
||||||
--variant-emoji: "\1F352\00A0";
|
--variant-emoji: "\1F352\00A0";
|
||||||
--variant: var(--variant-emoji) var(--variant-name);
|
--variant: var(--variant-emoji) var(--variant-name);
|
||||||
|
|
||||||
--meta: 'Tangerine UI for Mastodon: ' var(--version) ' \00B7 ' var(--variant);
|
--meta: 'Powered by OSCAR Node #4 \00B7 ' var(--variant);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 🎨 Colors */
|
/* 🎨 Colors */
|
||||||
|
|
@ -159,8 +159,8 @@
|
||||||
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-user-plus-column-link: var(--icon-user-plus);
|
--icon-user-plus-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-user-plus-column-link-active: var(--icon-user-plus-active);
|
--icon-user-plus-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-user-plus-column-link-accent: var(--icon-user-plus-accent);
|
--icon-user-plus-column-link-accent: var(--icon-user-plus-accent);
|
||||||
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
|
@ -169,6 +169,9 @@
|
||||||
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
--icon-dot-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
--icon-dot-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d3487f' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
|
@ -343,6 +346,8 @@
|
||||||
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
--icon-user-plus-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
--icon-user-plus-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
@ -350,6 +355,9 @@
|
||||||
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
--icon-dot-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
--icon-dot-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23d05c8a' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
|
@ -552,6 +560,10 @@ body.app-body {
|
||||||
--background-filter: none;
|
--background-filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-body .account__avatar {
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
.app-body .account__avatar img {
|
.app-body .account__avatar img {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
@ -762,7 +774,7 @@ body.app-body {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.icon-bookmark,
|
.icon-bookmark,
|
||||||
.icon-star,
|
.icon-star,
|
||||||
.icon-retweet,
|
.icon-retweet,
|
||||||
|
|
@ -828,12 +840,12 @@ body.app-body {
|
||||||
.account__domain-pill__popout__parts__icon .icon,
|
.account__domain-pill__popout__parts__icon .icon,
|
||||||
.safety-action-modal__bullet-points__icon .icon
|
.safety-action-modal__bullet-points__icon .icon
|
||||||
)
|
)
|
||||||
path {
|
path {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.icon-bookmark,
|
.icon-bookmark,
|
||||||
.icon-star,
|
.icon-star,
|
||||||
.icon-retweet,
|
.icon-retweet,
|
||||||
|
|
@ -950,13 +962,13 @@ body.app-body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
button.icon-button:is(
|
button.icon-button:is(
|
||||||
.reblogPrivate:where(.disabled, [disabled]),
|
.reblogPrivate:where(.disabled, [disabled]),
|
||||||
.reblogPrivate:where(.disabled, [disabled]):hover,
|
.reblogPrivate:where(.disabled, [disabled]):hover,
|
||||||
.disabled,
|
.disabled,
|
||||||
.disabled:hover
|
.disabled:hover
|
||||||
)
|
)
|
||||||
.icon-retweet {
|
.icon-retweet {
|
||||||
background-image: var(--icon-boost-accent);
|
background-image: var(--icon-boost-accent);
|
||||||
opacity: .2;
|
opacity: .2;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
@ -1128,6 +1140,13 @@ body.app-body {
|
||||||
.layout-multiple-columns .column-link .icon-list-ul {
|
.layout-multiple-columns .column-link .icon-list-ul {
|
||||||
background-image: var(--icon-list-accent);
|
background-image: var(--icon-list-accent);
|
||||||
}
|
}
|
||||||
|
.app-body .navigation-panel .list-panel .column-link .icon-list-ul {
|
||||||
|
background-image: var(--icon-dot-accent);
|
||||||
|
transform: scale(1.8);
|
||||||
|
}
|
||||||
|
.app-body .navigation-panel .list-panel .column-link.active .icon-list-ul {
|
||||||
|
background-image: var(--icon-dot-accent-active);
|
||||||
|
}
|
||||||
/* Settings icon */
|
/* Settings icon */
|
||||||
.app-body .column-link .icon-cog {
|
.app-body .column-link .icon-cog {
|
||||||
background-image: var(--icon-settings);
|
background-image: var(--icon-settings);
|
||||||
|
|
@ -1272,12 +1291,12 @@ body.app-body {
|
||||||
background-image: var(--icon-link);
|
background-image: var(--icon-link);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.account--panel,
|
.account--panel,
|
||||||
.follow-request-banner,
|
.follow-request-banner,
|
||||||
.account__relationship
|
.account__relationship
|
||||||
)
|
)
|
||||||
.icon-times {
|
.icon-times {
|
||||||
background-image: var(--icon-reject);
|
background-image: var(--icon-reject);
|
||||||
}
|
}
|
||||||
.app-body .account--panel .icon-times,
|
.app-body .account--panel .icon-times,
|
||||||
|
|
@ -1300,7 +1319,8 @@ body.app-body {
|
||||||
.app-body .icon-eye-slash {
|
.app-body .icon-eye-slash {
|
||||||
background-image: var(--icon-eye-shut);
|
background-image: var(--icon-eye-shut);
|
||||||
}
|
}
|
||||||
.app-body .icon-button.overlayed .icon-eye-slash {
|
.app-body .icon-button.overlayed .icon-eye-slash,
|
||||||
|
.app-body .media-gallery__item__overlay .icon-eye-slash {
|
||||||
background-image: var(--icon-eye-shut-inv);
|
background-image: var(--icon-eye-shut-inv);
|
||||||
}
|
}
|
||||||
.app-body .player-button .icon-eye-slash {
|
.app-body .player-button .icon-eye-slash {
|
||||||
|
|
@ -1371,7 +1391,8 @@ body.app-body {
|
||||||
.app-body .navigation-panel .column-link .icon-list-ul {
|
.app-body .navigation-panel .column-link .icon-list-ul {
|
||||||
background-image: var(--icon-list-accent);
|
background-image: var(--icon-list-accent);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel .column-link.active .icon-list-ul {
|
.app-body .navigation-panel .column-link.active .icon-list-ul,
|
||||||
|
.app-body .navigation-panel .column-link:has(+ .list-panel > .column-link.active) .icon-list-ul {
|
||||||
background-image: var(--icon-list-accent-active);
|
background-image: var(--icon-list-accent-active);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel .column-link .icon-cog {
|
.app-body .navigation-panel .column-link .icon-cog {
|
||||||
|
|
@ -1406,13 +1427,13 @@ body.app-body {
|
||||||
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit):is(:active, :focus, :hover) span,
|
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit):is(:active, :focus, :hover) span,
|
||||||
.app-body :is(.account__header__fields, .account__header__content, .trends__item__name) a:is(:active, :focus, :hover) span,
|
.app-body :is(.account__header__fields, .account__header__content, .trends__item__name) a:is(:active, :focus, :hover) span,
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.detailed-status__display-name,
|
.detailed-status__display-name,
|
||||||
.reply-indicator__display-name,
|
.reply-indicator__display-name,
|
||||||
.status__display-name,
|
.status__display-name,
|
||||||
a.account__display-name
|
a.account__display-name
|
||||||
):is(:active, :focus, :hover)
|
):is(:active, :focus, :hover)
|
||||||
.display-name strong,
|
.display-name strong,
|
||||||
.app-body .status__prepend a:is(:active, :focus, :hover) bdi,
|
.app-body .status__prepend a:is(:active, :focus, :hover) bdi,
|
||||||
.app-body a.notification-request__link:is(:active, :focus, :hover) .notification-request__name__display-name strong,
|
.app-body a.notification-request__link:is(:active, :focus, :hover) .notification-request__name__display-name strong,
|
||||||
.app-body .more-from-author a:is(:active, :focus, :hover) bdi {
|
.app-body .more-from-author a:is(:active, :focus, :hover) bdi {
|
||||||
|
|
@ -1499,7 +1520,7 @@ body.app-body {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.app-body .compose-form
|
.app-body .compose-form
|
||||||
:is(
|
:is(
|
||||||
.autosuggest-textarea__suggestions,
|
.autosuggest-textarea__suggestions,
|
||||||
.autosuggest-textarea__textarea,
|
.autosuggest-textarea__textarea,
|
||||||
.autosuggest-textarea__suggestions__item,
|
.autosuggest-textarea__suggestions__item,
|
||||||
|
|
@ -1704,9 +1725,9 @@ body.app-body {
|
||||||
.app-body .display-name {
|
.app-body .display-name {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
}
|
}
|
||||||
.app-body .compose-form__upload__thumbnail {
|
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
|
||||||
outline-offset: -1px;
|
width: 15px;
|
||||||
outline: 1px solid var(--color-lines-translucent);
|
height: 15px;
|
||||||
}
|
}
|
||||||
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
@ -1803,6 +1824,14 @@ body.app-body {
|
||||||
animation: bounce-sml .2s ease-out 1;
|
animation: bounce-sml .2s ease-out 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-body .upload-area__background {
|
||||||
|
background-color: var(--color-secondary-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.app-body .upload-area__content {
|
||||||
|
border-color: var(--color-accent-focus);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
.app-body .upload-progress__tracker {
|
.app-body .upload-progress__tracker {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
@ -2235,7 +2264,7 @@ body.app-body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
|
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
|
||||||
:is(
|
:is(
|
||||||
.translate-button .link-button,
|
.translate-button .link-button,
|
||||||
.status__content__translate-button
|
.status__content__translate-button
|
||||||
) {
|
) {
|
||||||
|
|
@ -2464,7 +2493,7 @@ body.app-body {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
.app-body .status--in-thread
|
.app-body .status--in-thread
|
||||||
:is(
|
:is(
|
||||||
.attachment-list,
|
.attachment-list,
|
||||||
.audio-player,
|
.audio-player,
|
||||||
.hashtag-bar,
|
.hashtag-bar,
|
||||||
|
|
@ -2532,10 +2561,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* ⏺️ Posts when in focus */
|
/* ⏺️ Posts when in focus */
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus,
|
:is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus,
|
||||||
.app-body
|
.app-body
|
||||||
:is(.focusable, .status__wrapper.focusable):focus
|
:is(.focusable, .status__wrapper.focusable):focus
|
||||||
:is(.detailed-status, .detailed-status__action-bar),
|
:is(.detailed-status, .detailed-status__action-bar),
|
||||||
.app-body .focusable:focus .notification-ungrouped__header,
|
.app-body .focusable:focus .notification-ungrouped__header,
|
||||||
.app-body .focusable:focus .status__wrapper,
|
.app-body .focusable:focus .status__wrapper,
|
||||||
.app-body .focusable:focus {
|
.app-body .focusable:focus {
|
||||||
|
|
@ -2722,16 +2751,16 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.active
|
.active
|
||||||
.icon-retweet + .icon-button__counter > .animated-number {
|
.icon-retweet + .icon-button__counter > .animated-number {
|
||||||
color: #FF4014;
|
color: #FF4014;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.active
|
.active
|
||||||
.icon-star + .icon-button__counter
|
.icon-star + .icon-button__counter
|
||||||
> .animated-number {
|
> .animated-number {
|
||||||
color: #FFBF00;
|
color: #FFBF00;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2790,14 +2819,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .status__action-bar {
|
.app-body .status__action-bar {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
gap: 8px;
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.app-body .status__action-bar .status__action-bar__button-wrapper {
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
:is(button, .status__action-bar__dropdown) {
|
:is(button, .status__action-bar__dropdown) {
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
}
|
}
|
||||||
.app-body .status__action-bar .icon-button:last-child {
|
.app-body .status__action-bar__button-wrapper:last-child {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 18px;
|
right: 18px;
|
||||||
}
|
}
|
||||||
|
|
@ -2806,8 +2838,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.icon-button:is(
|
.icon-button:is(
|
||||||
:active,
|
:active,
|
||||||
.active:active,
|
.active:active,
|
||||||
:focus,
|
:focus,
|
||||||
|
|
@ -2816,8 +2848,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .status__action-bar .icon-button:last-child:is(.active, .active:active, .active:focus),
|
.app-body .status__action-bar__button-wrapper:last-child .icon-button:is(.active, .active:active, .active:focus),
|
||||||
.app-body .detailed-status__action-bar-dropdown .icon-button:is(.active, .active:active, .active:focus) {
|
.app-body :is(.detailed-status__action-bar-dropdown, .status__action-bar-dropdown) .icon-button:is(.active, .active:active, .active:focus) {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
transform: scale(.9);
|
transform: scale(.9);
|
||||||
}
|
}
|
||||||
|
|
@ -2827,17 +2859,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
animation: none;
|
animation: none;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.icon-button.star-icon.active
|
.icon-button.star-icon.active
|
||||||
> .icon-star {
|
> .icon-star {
|
||||||
animation: bounce .4s ease-out !important;
|
animation: bounce .4s ease-out !important;
|
||||||
}
|
}
|
||||||
.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
|
.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.icon-button.active>.icon-retweet {
|
.icon-button.active>.icon-retweet {
|
||||||
animation: launch 1.2s ease-in 1 !important;
|
animation: launch 1.2s ease-in 1 !important;
|
||||||
}
|
}
|
||||||
.app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
|
.app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
|
||||||
|
|
@ -3059,6 +3091,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
.app-body .more-from-author .logo {
|
.app-body .more-from-author .logo {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
.app-body .notification-ungrouped .more-from-author :is(.account__avatar) {
|
.app-body .notification-ungrouped .more-from-author :is(.account__avatar) {
|
||||||
width: 16px !important;
|
width: 16px !important;
|
||||||
|
|
@ -3176,7 +3209,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .media-gallery {
|
.app-body .media-gallery {
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
grid-template-columns: calc(50% - 2px) calc(50% - 2px);
|
grid-template-columns: calc(50% - 2px) calc(50% - 2px);
|
||||||
grid-template-rows: calc(50% - 3px) calc(50% - 3px);
|
grid-template-rows: calc(50% - 2px) calc(50% - 2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .audio-player,
|
.app-body .audio-player,
|
||||||
|
|
@ -3185,7 +3218,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
transition: transform .3s;
|
transition: transform .3s;
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__item {
|
.app-body .media-gallery__item {
|
||||||
border-radius: 8px;
|
border-radius: 8px !important;
|
||||||
|
outline: 1px solid var(--color-lines-translucent);
|
||||||
|
outline-offset: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone),
|
.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone),
|
||||||
|
|
@ -3196,33 +3231,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .status--in-thread .more-from-author {
|
.app-body .status--in-thread .more-from-author {
|
||||||
margin-inline-start: 0;
|
margin-inline-start: 0;
|
||||||
}
|
}
|
||||||
|
.app-body .account-gallery__container {
|
||||||
|
gap: 4px;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
.app-body .media-gallery__item,
|
.app-body .media-gallery__item,
|
||||||
.app-body .media-gallery__item-thumbnail,
|
.app-body .media-gallery__item-thumbnail,
|
||||||
.app-body .media-gallery__item-gifv-thumbnail {
|
.app-body .media-gallery__item-gifv-thumbnail {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: .2s transform;
|
transition: .2s transform;
|
||||||
overflow: visible;
|
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__item:active {
|
.app-body .media-gallery__item:active {
|
||||||
transform: scale(.98);
|
transform: scale(.98);
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__item-thumbnail img {
|
.app-body .media-gallery__item-thumbnail img,
|
||||||
|
.app-body .media-gallery__alt__popover {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
outline: 1px solid var(--color-lines-translucent);
|
|
||||||
outline-offset: -1px;
|
|
||||||
}
|
|
||||||
.app-body .media-gallery__gifv::after,
|
|
||||||
.app-body .video-player::after {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
content: " ";
|
|
||||||
border-radius: 8px;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
border: 1px solid var(--color-lines-translucent);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__gifv:is(:active, :hover)::after {
|
.app-body .media-gallery__gifv:is(:active, :hover)::after {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -3244,10 +3268,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
|
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
|
||||||
outline: 1px solid var(--color-lines-translucent);
|
outline: 1px solid var(--color-lines-translucent);
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__actions {
|
|
||||||
bottom: 10px;
|
|
||||||
inset-inline-end: 8px;
|
|
||||||
}
|
|
||||||
.app-body .media-gallery__actions__pill {
|
.app-body .media-gallery__actions__pill {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
|
|
@ -3376,16 +3396,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
border-bottom: 1px solid var(--color-lines);
|
border-bottom: 1px solid var(--color-lines);
|
||||||
}
|
}
|
||||||
|
.app-body .conversation.unread:before {
|
||||||
|
border-color: var(--color-accent);
|
||||||
|
}
|
||||||
.app-body .conversation__content__relative-time {
|
.app-body .conversation__content__relative-time {
|
||||||
opacity: .7;
|
opacity: .7;
|
||||||
}
|
}
|
||||||
.app-body .conversation__content {
|
.app-body .conversation__content {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.app-body .conversation__content .status__action-bar button:last-child {
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
.app-body .account__avatar-composite {
|
.app-body .account__avatar-composite {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
|
|
@ -3436,14 +3455,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body :is(.status__wrapper-direct):not(:has(.status__line)) .status__prepend {
|
.app-body :is(.status__wrapper-direct):not(:has(.status__line)) .status__prepend {
|
||||||
margin-inline-start: 66px;
|
margin-inline-start: 66px;
|
||||||
}
|
}
|
||||||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend__icon {
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon-wrapper {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend__icon svg {
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .icon-at {
|
||||||
transform: scale(.85);
|
|
||||||
background-image: var(--icon-at-inv);
|
background-image: var(--icon-at-inv);
|
||||||
}
|
}
|
||||||
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
transform: scale(.85);
|
||||||
|
}
|
||||||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend > span {
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend > span {
|
||||||
color: var(--color-accent-fg);
|
color: var(--color-accent-fg);
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
|
|
@ -3660,6 +3682,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
.app-body .column-header__select-row {
|
||||||
|
border-color: var(--color-lines);
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
position: absolute;
|
||||||
|
inset-inline-start: -45px;
|
||||||
|
inset-inline-end: -55px;
|
||||||
|
border-width: 0 0 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.app-body .column-header__collapsible-inner {
|
.app-body .column-header__collapsible-inner {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
@ -3804,7 +3834,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
/* ⏺️ Horizontal selectors
|
/* ⏺️ Horizontal selectors
|
||||||
(used to navigate subsections on the Explore, Live Feeds and Account pages) */
|
(used to navigate subsections on the Explore, Live Feeds and Account pages) */
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar) {
|
:is(.account__section-headline, .notification__filter-bar) {
|
||||||
background: var(--color-accent-bg);
|
background: var(--color-accent-bg);
|
||||||
border: 1px solid var(--color-accent-lines);
|
border: 1px solid var(--color-accent-lines);
|
||||||
}
|
}
|
||||||
|
|
@ -3830,8 +3860,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button) {
|
:is(a, button) {
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||||||
|
|
@ -3841,37 +3871,37 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
padding: 14px 10px;
|
padding: 14px 10px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
.icon {
|
.icon {
|
||||||
margin-top: -1.5px;
|
margin-top: -1.5px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button):hover {
|
:is(a, button):hover {
|
||||||
background-color: var(--color-accent-lines);
|
background-color: var(--color-accent-lines);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button).active {
|
:is(a, button).active {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button).active::before {
|
:is(a, button).active::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
button {
|
button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button, a.active, button.active)::after {
|
:is(a, button, a.active, button.active)::after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: " ";
|
content: " ";
|
||||||
|
|
@ -3888,8 +3918,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button):last-child::after {
|
:is(a, button):last-child::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
@ -3940,62 +3970,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* 📍 Navigation panel
|
/* 📍 Navigation panel
|
||||||
------------------- */
|
------------------- */
|
||||||
@media screen and (min-width:1175px) {
|
.app-body .navigation-panel__menu {
|
||||||
/* Order of the side nav items */
|
display: flex;
|
||||||
.app-body .navigation-panel__logo {
|
flex-flow: column;
|
||||||
order: 1;
|
}
|
||||||
}
|
@media screen and (max-width:1174px) {
|
||||||
.app-body .column-link[href="/home"] {
|
.app-body .navigation-panel__menu {
|
||||||
order: 2;
|
flex-flow: row;
|
||||||
}
|
|
||||||
.app-body .column-link[href="/notifications"] {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
.app-body .column-link:is([href="/explore"],[href="/search"]) {
|
|
||||||
order: 4;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/public/local"] {
|
|
||||||
order: 5;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/public"] {
|
|
||||||
order: 6;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/conversations"] {
|
|
||||||
order: 7;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/follow_requests"] {
|
|
||||||
order: 8;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/bookmarks"] {
|
|
||||||
order: 9;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/favourites"] {
|
|
||||||
order: 10;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/admin/reports"] {
|
|
||||||
order: 12;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/admin/dashboard"] {
|
|
||||||
order: 13;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/lists"] {
|
|
||||||
order: 14;
|
|
||||||
}
|
|
||||||
.app-body .list-panel {
|
|
||||||
order: 15;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/settings/preferences"] {
|
|
||||||
order: 11;
|
|
||||||
}
|
|
||||||
.app-body .navigation-panel__sign-in-banner,
|
|
||||||
.app-body .navigation-panel__legal {
|
|
||||||
order: 14;
|
|
||||||
}
|
|
||||||
.app-body *:not(.compose-panel) > .flex-spacer {
|
|
||||||
order: 15;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends {
|
|
||||||
order: 16;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body .column-link--transparent {
|
.app-body .column-link--transparent {
|
||||||
|
|
@ -4129,27 +4110,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .column-link span {
|
.app-body .column-link span {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.app-body .list-panel {
|
|
||||||
padding: 5px 9px 50px 27px;
|
|
||||||
margin: 0 0 5px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .list-panel .icon {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .list-panel .column-link span::before {
|
|
||||||
left: -15px;
|
|
||||||
top: -10px;
|
|
||||||
right: -15px;
|
|
||||||
bottom: -10px;
|
|
||||||
}
|
|
||||||
@media screen and (min-width:1175px) {
|
|
||||||
.app-body .column-link[href="/lists"]:is(.active, :hover) + .list-panel,
|
|
||||||
.app-body .list-panel:hover {
|
|
||||||
display: block;
|
|
||||||
animation: fadein .5s 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:1174px) {
|
@media screen and (max-width:1174px) {
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
|
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
@ -4161,7 +4121,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel {
|
.app-body .columns-area__panels__pane--navigational .navigation-panel {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 4.2em;
|
height: 4.2em;
|
||||||
padding-right: 20vw;
|
|
||||||
padding-bottom: var(--safe-area-bottom);
|
padding-bottom: var(--safe-area-bottom);
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
@ -4171,6 +4130,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
-webkit-backdrop-filter: blur(20px);
|
-webkit-backdrop-filter: blur(20px);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
|
.app-body .navigation-panel__menu {
|
||||||
|
padding-right: 20vw;
|
||||||
|
}
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
||||||
content: " ";
|
content: " ";
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -4210,23 +4172,23 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
transition: .2s transform;
|
transition: .2s transform;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(4):last-child)
|
.navigation-panel__menu:has(> *:nth-child(4):last-child)
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
:is(.column-link, .navigation-panel__legal) {
|
||||||
flex: 50vw;
|
flex: 50vw;
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
|
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
||||||
transform: scale(.8);
|
transform: scale(.8);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(5):last-child)
|
.navigation-panel__menu:has(> *:nth-child(5):last-child)
|
||||||
:is(.column-link, .navigation-panel__legal),
|
:is(.column-link, .navigation-panel__legal),
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
.navigation-panel__menu:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
:is(.column-link, .navigation-panel__legal) {
|
||||||
flex: calc(100vw / 3);
|
flex: calc(100vw / 3);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(6):last-child)
|
.navigation-panel__menu:has(> *:nth-child(6):last-child)
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
:is(.column-link, .navigation-panel__legal) {
|
||||||
flex: 25vw;
|
flex: 25vw;
|
||||||
}
|
}
|
||||||
|
|
@ -5225,7 +5187,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
/* 🔔 Notifications
|
/* 🔔 Notifications
|
||||||
---------------- */
|
---------------- */
|
||||||
.app-body .status.muted
|
.app-body .status.muted
|
||||||
:is(
|
:is(
|
||||||
.status__content,
|
.status__content,
|
||||||
.status__content a,
|
.status__content a,
|
||||||
.status__content p,
|
.status__content p,
|
||||||
|
|
@ -5283,13 +5245,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.notification-favourite,
|
.notification-favourite,
|
||||||
.notification-reblog,
|
.notification-reblog,
|
||||||
.notification-poll,
|
.notification-poll,
|
||||||
.notification-status
|
.notification-status
|
||||||
)
|
)
|
||||||
.status__action-bar {
|
.status__action-bar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body .account,
|
.app-body .account,
|
||||||
|
|
@ -5470,6 +5432,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .notification-request {
|
.app-body .notification-request {
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.app-body .notification-request {
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.app-body .notification-group {
|
.app-body .notification-group {
|
||||||
padding: 16px 23px;
|
padding: 16px 23px;
|
||||||
}
|
}
|
||||||
|
|
@ -5499,7 +5466,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
width: 46px !important;
|
width: 46px !important;
|
||||||
}
|
}
|
||||||
.app-body .notification-ungrouped
|
.app-body .notification-ungrouped
|
||||||
:is(
|
:is(
|
||||||
.attachment-list,
|
.attachment-list,
|
||||||
.audio-player,
|
.audio-player,
|
||||||
.hashtag-bar,
|
.hashtag-bar,
|
||||||
|
|
@ -5558,12 +5525,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
transform: scale(.98);
|
transform: scale(.98);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.notification-group__main__header__label,
|
.notification-group__main__header__label,
|
||||||
.notification-group__embedded-status__account,
|
.notification-group__embedded-status__account,
|
||||||
.notification-ungrouped__header
|
.notification-ungrouped__header
|
||||||
)
|
)
|
||||||
:is(
|
:is(
|
||||||
bdi,
|
bdi,
|
||||||
bdi > strong
|
bdi > strong
|
||||||
) {
|
) {
|
||||||
|
|
@ -6173,7 +6140,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
|
|
@ -6183,7 +6150,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
|
|
@ -6193,19 +6160,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
.mute-modal__cancel-button
|
.mute-modal__cancel-button
|
||||||
):active,
|
):active,
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
.mute-modal__cancel-button
|
.mute-modal__cancel-button
|
||||||
)
|
)
|
||||||
+ button:active {
|
+ button:active {
|
||||||
transform: scale(.95);
|
transform: scale(.95);
|
||||||
}
|
}
|
||||||
.app-body .status__content a.hashtag {
|
.app-body .status__content a.hashtag {
|
||||||
|
|
@ -6417,12 +6384,8 @@ a:is(.active,
|
||||||
background-color: rgb(0, 0, 0, .9);
|
background-color: rgb(0, 0, 0, .9);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .media-modal__buttons .icon-button,
|
||||||
:is(
|
.app-body .media-modal__nav {
|
||||||
.media-modal__close,
|
|
||||||
.media-modal__nav,
|
|
||||||
.media-modal__zoom-button
|
|
||||||
) {
|
|
||||||
background-color: #1e1e1e;
|
background-color: #1e1e1e;
|
||||||
color: #777777;
|
color: #777777;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
|
|
@ -6434,23 +6397,11 @@ a:is(.active,
|
||||||
transition: .2s all;
|
transition: .2s all;
|
||||||
|
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .media-modal__buttons .icon-button:is(:active, :focus, :hover),
|
||||||
:is(
|
.app-body .media-modal__nav:is(:active, :focus, :hover) {
|
||||||
.media-modal__close,
|
|
||||||
.media-modal__nav,
|
|
||||||
.media-modal__zoom-button
|
|
||||||
):is(:active, :focus, :hover) {
|
|
||||||
background-color: #343434;
|
background-color: #343434;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.app-body
|
|
||||||
:is(
|
|
||||||
.media-modal__close,
|
|
||||||
.media-modal__nav,
|
|
||||||
.media-modal__zoom-button)
|
|
||||||
svg {
|
|
||||||
transform: scale(1.3);
|
|
||||||
}
|
|
||||||
.app-body .media-modal__close {
|
.app-body .media-modal__close {
|
||||||
top: 24px;
|
top: 24px;
|
||||||
left: 24px;
|
left: 24px;
|
||||||
|
|
@ -6862,7 +6813,7 @@ a:is(.active,
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body .simple_form
|
.app-body .simple_form
|
||||||
:is(
|
:is(
|
||||||
input[type=datetime-local],
|
input[type=datetime-local],
|
||||||
input[type=email],
|
input[type=email],
|
||||||
input[type=number],
|
input[type=number],
|
||||||
|
|
@ -6877,7 +6828,7 @@ a:is(.active,
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
}
|
}
|
||||||
.app-body .simple_form
|
.app-body .simple_form
|
||||||
:is(
|
:is(
|
||||||
input[type=datetime-local],
|
input[type=datetime-local],
|
||||||
input[type=email],
|
input[type=email],
|
||||||
input[type=number],
|
input[type=number],
|
||||||
|
|
@ -7430,8 +7381,8 @@ a:is(.active,
|
||||||
width: 330px;
|
width: 330px;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.column:has(> .getting-started)
|
.column:has(> .getting-started)
|
||||||
:is(.column-header, .column-back-button),
|
:is(.column-header, .column-back-button),
|
||||||
.layout-single-column .navigation-bar:has(+ .getting-started) {
|
.layout-single-column .navigation-bar:has(+ .getting-started) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -7450,7 +7401,7 @@ a:is(.active,
|
||||||
transition: width .3s;
|
transition: width .3s;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer:has(> .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
.drawer:has(> .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns .drawer__inner:has(> .search-results > .search-results__section) {
|
.layout-multiple-columns .drawer__inner:has(> .search-results > .search-results__section) {
|
||||||
|
|
@ -7461,14 +7412,14 @@ a:is(.active,
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer
|
.drawer
|
||||||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer
|
.drawer
|
||||||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
||||||
> .search__input {
|
> .search__input {
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -7477,9 +7428,9 @@ a:is(.active,
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer
|
.drawer
|
||||||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
||||||
> .search__popout {
|
> .search__popout {
|
||||||
border-radius: 0 0 8px 8px;
|
border-radius: 0 0 8px 8px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
--variant-emoji: "\1F420\00A0";
|
--variant-emoji: "\1F420\00A0";
|
||||||
--variant: var(--variant-emoji) var(--variant-name);
|
--variant: var(--variant-emoji) var(--variant-name);
|
||||||
|
|
||||||
--meta: 'Tangerine UI for Mastodon: ' var(--version) ' \00B7 ' var(--variant);
|
--meta: 'Powered by OSCAR Node #4 \00B7 ' var(--variant);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 🎨 Colors */
|
/* 🎨 Colors */
|
||||||
|
|
@ -159,8 +159,8 @@
|
||||||
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-user-plus-column-link: var(--icon-user-plus);
|
--icon-user-plus-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-user-plus-column-link-active: var(--icon-user-plus-active);
|
--icon-user-plus-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-user-plus-column-link-accent: var(--icon-user-plus-accent);
|
--icon-user-plus-column-link-accent: var(--icon-user-plus-accent);
|
||||||
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
|
@ -169,6 +169,9 @@
|
||||||
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
--icon-dot-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
--icon-dot-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%232a2d37' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23008CB4' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
|
@ -343,6 +346,8 @@
|
||||||
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-search-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
--icon-user-plus-column-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M168,100a60,60,0,1,1-60-60A60,60,0,0,1,168,100Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136Zm-57.87,58.85a8,8,0,0,1-12.26,10.3C165.75,181.19,138.09,168,108,168s-57.75,13.19-77.87,37.15a8,8,0,0,1-12.25-10.3c14.94-17.78,33.52-30.41,54.17-37.17a68,68,0,1,1,71.9,0C164.6,164.44,183.18,177.07,198.13,194.85ZM108,152a52,52,0,1,0-52-52A52.06,52.06,0,0,0,108,152Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
--icon-user-plus-column-link-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M256,136a8,8,0,0,1-8,8H232v16a8,8,0,0,1-16,0V144H200a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16A8,8,0,0,1,256,136ZM144,157.68a68,68,0,1,0-71.9,0c-20.65,6.76-39.23,19.39-54.17,37.17A8,8,0,0,0,24,208H192a8,8,0,0,0,6.13-13.15C183.18,177.07,164.6,164.44,144,157.68Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
@ -350,6 +355,9 @@
|
||||||
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M216,64V192H40V64Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-list-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
--icon-dot-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
--icon-dot-accent-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48,48,0,0,0,128,80Zm0,60a12,12,0,1,1,12-12A12,12,0,0,1,128,140Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
--icon-settings-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2308A6B7' viewBox='0 0 256 256'%3E%3Cpath d='M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z'%3E%3C/path%3E%3C/svg%3E");
|
||||||
|
|
||||||
|
|
@ -552,6 +560,10 @@ body.app-body {
|
||||||
--background-filter: none;
|
--background-filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-body .account__avatar {
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
.app-body .account__avatar img {
|
.app-body .account__avatar img {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
@ -762,7 +774,7 @@ body.app-body {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.icon-bookmark,
|
.icon-bookmark,
|
||||||
.icon-star,
|
.icon-star,
|
||||||
.icon-retweet,
|
.icon-retweet,
|
||||||
|
|
@ -828,12 +840,12 @@ body.app-body {
|
||||||
.account__domain-pill__popout__parts__icon .icon,
|
.account__domain-pill__popout__parts__icon .icon,
|
||||||
.safety-action-modal__bullet-points__icon .icon
|
.safety-action-modal__bullet-points__icon .icon
|
||||||
)
|
)
|
||||||
path {
|
path {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.icon-bookmark,
|
.icon-bookmark,
|
||||||
.icon-star,
|
.icon-star,
|
||||||
.icon-retweet,
|
.icon-retweet,
|
||||||
|
|
@ -950,13 +962,13 @@ body.app-body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
button.icon-button:is(
|
button.icon-button:is(
|
||||||
.reblogPrivate:where(.disabled, [disabled]),
|
.reblogPrivate:where(.disabled, [disabled]),
|
||||||
.reblogPrivate:where(.disabled, [disabled]):hover,
|
.reblogPrivate:where(.disabled, [disabled]):hover,
|
||||||
.disabled,
|
.disabled,
|
||||||
.disabled:hover
|
.disabled:hover
|
||||||
)
|
)
|
||||||
.icon-retweet {
|
.icon-retweet {
|
||||||
background-image: var(--icon-boost-accent);
|
background-image: var(--icon-boost-accent);
|
||||||
opacity: .2;
|
opacity: .2;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
@ -1128,6 +1140,13 @@ body.app-body {
|
||||||
.layout-multiple-columns .column-link .icon-list-ul {
|
.layout-multiple-columns .column-link .icon-list-ul {
|
||||||
background-image: var(--icon-list-accent);
|
background-image: var(--icon-list-accent);
|
||||||
}
|
}
|
||||||
|
.app-body .navigation-panel .list-panel .column-link .icon-list-ul {
|
||||||
|
background-image: var(--icon-dot-accent);
|
||||||
|
transform: scale(1.8);
|
||||||
|
}
|
||||||
|
.app-body .navigation-panel .list-panel .column-link.active .icon-list-ul {
|
||||||
|
background-image: var(--icon-dot-accent-active);
|
||||||
|
}
|
||||||
/* Settings icon */
|
/* Settings icon */
|
||||||
.app-body .column-link .icon-cog {
|
.app-body .column-link .icon-cog {
|
||||||
background-image: var(--icon-settings);
|
background-image: var(--icon-settings);
|
||||||
|
|
@ -1272,12 +1291,12 @@ body.app-body {
|
||||||
background-image: var(--icon-link);
|
background-image: var(--icon-link);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.account--panel,
|
.account--panel,
|
||||||
.follow-request-banner,
|
.follow-request-banner,
|
||||||
.account__relationship
|
.account__relationship
|
||||||
)
|
)
|
||||||
.icon-times {
|
.icon-times {
|
||||||
background-image: var(--icon-reject);
|
background-image: var(--icon-reject);
|
||||||
}
|
}
|
||||||
.app-body .account--panel .icon-times,
|
.app-body .account--panel .icon-times,
|
||||||
|
|
@ -1300,7 +1319,8 @@ body.app-body {
|
||||||
.app-body .icon-eye-slash {
|
.app-body .icon-eye-slash {
|
||||||
background-image: var(--icon-eye-shut);
|
background-image: var(--icon-eye-shut);
|
||||||
}
|
}
|
||||||
.app-body .icon-button.overlayed .icon-eye-slash {
|
.app-body .icon-button.overlayed .icon-eye-slash,
|
||||||
|
.app-body .media-gallery__item__overlay .icon-eye-slash {
|
||||||
background-image: var(--icon-eye-shut-inv);
|
background-image: var(--icon-eye-shut-inv);
|
||||||
}
|
}
|
||||||
.app-body .player-button .icon-eye-slash {
|
.app-body .player-button .icon-eye-slash {
|
||||||
|
|
@ -1371,7 +1391,8 @@ body.app-body {
|
||||||
.app-body .navigation-panel .column-link .icon-list-ul {
|
.app-body .navigation-panel .column-link .icon-list-ul {
|
||||||
background-image: var(--icon-list-accent);
|
background-image: var(--icon-list-accent);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel .column-link.active .icon-list-ul {
|
.app-body .navigation-panel .column-link.active .icon-list-ul,
|
||||||
|
.app-body .navigation-panel .column-link:has(+ .list-panel > .column-link.active) .icon-list-ul {
|
||||||
background-image: var(--icon-list-accent-active);
|
background-image: var(--icon-list-accent-active);
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel .column-link .icon-cog {
|
.app-body .navigation-panel .column-link .icon-cog {
|
||||||
|
|
@ -1406,13 +1427,13 @@ body.app-body {
|
||||||
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit):is(:active, :focus, :hover) span,
|
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit):is(:active, :focus, :hover) span,
|
||||||
.app-body :is(.account__header__fields, .account__header__content, .trends__item__name) a:is(:active, :focus, :hover) span,
|
.app-body :is(.account__header__fields, .account__header__content, .trends__item__name) a:is(:active, :focus, :hover) span,
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.detailed-status__display-name,
|
.detailed-status__display-name,
|
||||||
.reply-indicator__display-name,
|
.reply-indicator__display-name,
|
||||||
.status__display-name,
|
.status__display-name,
|
||||||
a.account__display-name
|
a.account__display-name
|
||||||
):is(:active, :focus, :hover)
|
):is(:active, :focus, :hover)
|
||||||
.display-name strong,
|
.display-name strong,
|
||||||
.app-body .status__prepend a:is(:active, :focus, :hover) bdi,
|
.app-body .status__prepend a:is(:active, :focus, :hover) bdi,
|
||||||
.app-body a.notification-request__link:is(:active, :focus, :hover) .notification-request__name__display-name strong,
|
.app-body a.notification-request__link:is(:active, :focus, :hover) .notification-request__name__display-name strong,
|
||||||
.app-body .more-from-author a:is(:active, :focus, :hover) bdi {
|
.app-body .more-from-author a:is(:active, :focus, :hover) bdi {
|
||||||
|
|
@ -1499,7 +1520,7 @@ body.app-body {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.app-body .compose-form
|
.app-body .compose-form
|
||||||
:is(
|
:is(
|
||||||
.autosuggest-textarea__suggestions,
|
.autosuggest-textarea__suggestions,
|
||||||
.autosuggest-textarea__textarea,
|
.autosuggest-textarea__textarea,
|
||||||
.autosuggest-textarea__suggestions__item,
|
.autosuggest-textarea__suggestions__item,
|
||||||
|
|
@ -1704,9 +1725,9 @@ body.app-body {
|
||||||
.app-body .display-name {
|
.app-body .display-name {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
}
|
}
|
||||||
.app-body .compose-form__upload__thumbnail {
|
.app-body .compose-form__upload .icon-button.compose-form__upload__delete .icon {
|
||||||
outline-offset: -1px;
|
width: 15px;
|
||||||
outline: 1px solid var(--color-lines-translucent);
|
height: 15px;
|
||||||
}
|
}
|
||||||
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
|
@ -1803,6 +1824,14 @@ body.app-body {
|
||||||
animation: bounce-sml .2s ease-out 1;
|
animation: bounce-sml .2s ease-out 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-body .upload-area__background {
|
||||||
|
background-color: var(--color-secondary-bg);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.app-body .upload-area__content {
|
||||||
|
border-color: var(--color-accent-focus);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
.app-body .upload-progress__tracker {
|
.app-body .upload-progress__tracker {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
@ -2235,7 +2264,7 @@ body.app-body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
|
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
|
||||||
:is(
|
:is(
|
||||||
.translate-button .link-button,
|
.translate-button .link-button,
|
||||||
.status__content__translate-button
|
.status__content__translate-button
|
||||||
) {
|
) {
|
||||||
|
|
@ -2464,7 +2493,7 @@ body.app-body {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
.app-body .status--in-thread
|
.app-body .status--in-thread
|
||||||
:is(
|
:is(
|
||||||
.attachment-list,
|
.attachment-list,
|
||||||
.audio-player,
|
.audio-player,
|
||||||
.hashtag-bar,
|
.hashtag-bar,
|
||||||
|
|
@ -2532,10 +2561,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* ⏺️ Posts when in focus */
|
/* ⏺️ Posts when in focus */
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus,
|
:is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus,
|
||||||
.app-body
|
.app-body
|
||||||
:is(.focusable, .status__wrapper.focusable):focus
|
:is(.focusable, .status__wrapper.focusable):focus
|
||||||
:is(.detailed-status, .detailed-status__action-bar),
|
:is(.detailed-status, .detailed-status__action-bar),
|
||||||
.app-body .focusable:focus .notification-ungrouped__header,
|
.app-body .focusable:focus .notification-ungrouped__header,
|
||||||
.app-body .focusable:focus .status__wrapper,
|
.app-body .focusable:focus .status__wrapper,
|
||||||
.app-body .focusable:focus {
|
.app-body .focusable:focus {
|
||||||
|
|
@ -2722,16 +2751,16 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.active
|
.active
|
||||||
.icon-retweet + .icon-button__counter > .animated-number {
|
.icon-retweet + .icon-button__counter > .animated-number {
|
||||||
color: #FF4014;
|
color: #FF4014;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.active
|
.active
|
||||||
.icon-star + .icon-button__counter
|
.icon-star + .icon-button__counter
|
||||||
> .animated-number {
|
> .animated-number {
|
||||||
color: #FFBF00;
|
color: #FFBF00;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2790,14 +2819,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .status__action-bar {
|
.app-body .status__action-bar {
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
gap: 8px;
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.app-body .status__action-bar .status__action-bar__button-wrapper {
|
||||||
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
:is(button, .status__action-bar__dropdown) {
|
:is(button, .status__action-bar__dropdown) {
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
}
|
}
|
||||||
.app-body .status__action-bar .icon-button:last-child {
|
.app-body .status__action-bar__button-wrapper:last-child {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 18px;
|
right: 18px;
|
||||||
}
|
}
|
||||||
|
|
@ -2806,8 +2838,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.icon-button:is(
|
.icon-button:is(
|
||||||
:active,
|
:active,
|
||||||
.active:active,
|
.active:active,
|
||||||
:focus,
|
:focus,
|
||||||
|
|
@ -2816,8 +2848,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .status__action-bar .icon-button:last-child:is(.active, .active:active, .active:focus),
|
.app-body .status__action-bar__button-wrapper:last-child .icon-button:is(.active, .active:active, .active:focus),
|
||||||
.app-body .detailed-status__action-bar-dropdown .icon-button:is(.active, .active:active, .active:focus) {
|
.app-body :is(.detailed-status__action-bar-dropdown, .status__action-bar-dropdown) .icon-button:is(.active, .active:active, .active:focus) {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
transform: scale(.9);
|
transform: scale(.9);
|
||||||
}
|
}
|
||||||
|
|
@ -2827,17 +2859,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
animation: none;
|
animation: none;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.icon-button.star-icon.active
|
.icon-button.star-icon.active
|
||||||
> .icon-star {
|
> .icon-star {
|
||||||
animation: bounce .4s ease-out !important;
|
animation: bounce .4s ease-out !important;
|
||||||
}
|
}
|
||||||
.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
|
.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||||||
.icon-button.active>.icon-retweet {
|
.icon-button.active>.icon-retweet {
|
||||||
animation: launch 1.2s ease-in 1 !important;
|
animation: launch 1.2s ease-in 1 !important;
|
||||||
}
|
}
|
||||||
.app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
|
.app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
|
||||||
|
|
@ -3059,6 +3091,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
.app-body .more-from-author .logo {
|
.app-body .more-from-author .logo {
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
.app-body .notification-ungrouped .more-from-author :is(.account__avatar) {
|
.app-body .notification-ungrouped .more-from-author :is(.account__avatar) {
|
||||||
width: 16px !important;
|
width: 16px !important;
|
||||||
|
|
@ -3176,7 +3209,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .media-gallery {
|
.app-body .media-gallery {
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
grid-template-columns: calc(50% - 2px) calc(50% - 2px);
|
grid-template-columns: calc(50% - 2px) calc(50% - 2px);
|
||||||
grid-template-rows: calc(50% - 3px) calc(50% - 3px);
|
grid-template-rows: calc(50% - 2px) calc(50% - 2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body .audio-player,
|
.app-body .audio-player,
|
||||||
|
|
@ -3185,7 +3218,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
transition: transform .3s;
|
transition: transform .3s;
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__item {
|
.app-body .media-gallery__item {
|
||||||
border-radius: 8px;
|
border-radius: 8px !important;
|
||||||
|
outline: 1px solid var(--color-lines-translucent);
|
||||||
|
outline-offset: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone),
|
.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone),
|
||||||
|
|
@ -3196,33 +3231,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .status--in-thread .more-from-author {
|
.app-body .status--in-thread .more-from-author {
|
||||||
margin-inline-start: 0;
|
margin-inline-start: 0;
|
||||||
}
|
}
|
||||||
|
.app-body .account-gallery__container {
|
||||||
|
gap: 4px;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
.app-body .media-gallery__item,
|
.app-body .media-gallery__item,
|
||||||
.app-body .media-gallery__item-thumbnail,
|
.app-body .media-gallery__item-thumbnail,
|
||||||
.app-body .media-gallery__item-gifv-thumbnail {
|
.app-body .media-gallery__item-gifv-thumbnail {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: .2s transform;
|
transition: .2s transform;
|
||||||
overflow: visible;
|
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__item:active {
|
.app-body .media-gallery__item:active {
|
||||||
transform: scale(.98);
|
transform: scale(.98);
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__item-thumbnail img {
|
.app-body .media-gallery__item-thumbnail img,
|
||||||
|
.app-body .media-gallery__alt__popover {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
outline: 1px solid var(--color-lines-translucent);
|
|
||||||
outline-offset: -1px;
|
|
||||||
}
|
|
||||||
.app-body .media-gallery__gifv::after,
|
|
||||||
.app-body .video-player::after {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
content: " ";
|
|
||||||
border-radius: 8px;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
border: 1px solid var(--color-lines-translucent);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__gifv:is(:active, :hover)::after {
|
.app-body .media-gallery__gifv:is(:active, :hover)::after {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -3244,10 +3268,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
|
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
|
||||||
outline: 1px solid var(--color-lines-translucent);
|
outline: 1px solid var(--color-lines-translucent);
|
||||||
}
|
}
|
||||||
.app-body .media-gallery__actions {
|
|
||||||
bottom: 10px;
|
|
||||||
inset-inline-end: 8px;
|
|
||||||
}
|
|
||||||
.app-body .media-gallery__actions__pill {
|
.app-body .media-gallery__actions__pill {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
|
|
@ -3376,16 +3396,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
border-bottom: 1px solid var(--color-lines);
|
border-bottom: 1px solid var(--color-lines);
|
||||||
}
|
}
|
||||||
|
.app-body .conversation.unread:before {
|
||||||
|
border-color: var(--color-accent);
|
||||||
|
}
|
||||||
.app-body .conversation__content__relative-time {
|
.app-body .conversation__content__relative-time {
|
||||||
opacity: .7;
|
opacity: .7;
|
||||||
}
|
}
|
||||||
.app-body .conversation__content {
|
.app-body .conversation__content {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.app-body .conversation__content .status__action-bar button:last-child {
|
|
||||||
bottom: 10px;
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
.app-body .account__avatar-composite {
|
.app-body .account__avatar-composite {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
|
|
@ -3436,14 +3455,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body :is(.status__wrapper-direct):not(:has(.status__line)) .status__prepend {
|
.app-body :is(.status__wrapper-direct):not(:has(.status__line)) .status__prepend {
|
||||||
margin-inline-start: 66px;
|
margin-inline-start: 66px;
|
||||||
}
|
}
|
||||||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend__icon {
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon-wrapper {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend__icon svg {
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .icon-at {
|
||||||
transform: scale(.85);
|
|
||||||
background-image: var(--icon-at-inv);
|
background-image: var(--icon-at-inv);
|
||||||
}
|
}
|
||||||
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
transform: scale(.85);
|
||||||
|
}
|
||||||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend > span {
|
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend > span {
|
||||||
color: var(--color-accent-fg);
|
color: var(--color-accent-fg);
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
|
|
@ -3660,6 +3682,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
.app-body .column-header__select-row {
|
||||||
|
border-color: var(--color-lines);
|
||||||
|
background-color: var(--color-content-secondary-bg);
|
||||||
|
position: absolute;
|
||||||
|
inset-inline-start: -45px;
|
||||||
|
inset-inline-end: -55px;
|
||||||
|
border-width: 0 0 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.app-body .column-header__collapsible-inner {
|
.app-body .column-header__collapsible-inner {
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
@ -3804,7 +3834,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
/* ⏺️ Horizontal selectors
|
/* ⏺️ Horizontal selectors
|
||||||
(used to navigate subsections on the Explore, Live Feeds and Account pages) */
|
(used to navigate subsections on the Explore, Live Feeds and Account pages) */
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar) {
|
:is(.account__section-headline, .notification__filter-bar) {
|
||||||
background: var(--color-accent-bg);
|
background: var(--color-accent-bg);
|
||||||
border: 1px solid var(--color-accent-lines);
|
border: 1px solid var(--color-accent-lines);
|
||||||
}
|
}
|
||||||
|
|
@ -3830,8 +3860,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button) {
|
:is(a, button) {
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||||||
|
|
@ -3841,37 +3871,37 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
padding: 14px 10px;
|
padding: 14px 10px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
.icon {
|
.icon {
|
||||||
margin-top: -1.5px;
|
margin-top: -1.5px;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button):hover {
|
:is(a, button):hover {
|
||||||
background-color: var(--color-accent-lines);
|
background-color: var(--color-accent-lines);
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button).active {
|
:is(a, button).active {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button).active::before {
|
:is(a, button).active::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
button {
|
button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button, a.active, button.active)::after {
|
:is(a, button, a.active, button.active)::after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: " ";
|
content: " ";
|
||||||
|
|
@ -3888,8 +3918,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(.account__section-headline, .notification__filter-bar)
|
:is(.account__section-headline, .notification__filter-bar)
|
||||||
:is(a, button):last-child::after {
|
:is(a, button):last-child::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
@ -3940,62 +3970,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* 📍 Navigation panel
|
/* 📍 Navigation panel
|
||||||
------------------- */
|
------------------- */
|
||||||
@media screen and (min-width:1175px) {
|
.app-body .navigation-panel__menu {
|
||||||
/* Order of the side nav items */
|
display: flex;
|
||||||
.app-body .navigation-panel__logo {
|
flex-flow: column;
|
||||||
order: 1;
|
}
|
||||||
}
|
@media screen and (max-width:1174px) {
|
||||||
.app-body .column-link[href="/home"] {
|
.app-body .navigation-panel__menu {
|
||||||
order: 2;
|
flex-flow: row;
|
||||||
}
|
|
||||||
.app-body .column-link[href="/notifications"] {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
.app-body .column-link:is([href="/explore"],[href="/search"]) {
|
|
||||||
order: 4;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/public/local"] {
|
|
||||||
order: 5;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/public"] {
|
|
||||||
order: 6;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/conversations"] {
|
|
||||||
order: 7;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/follow_requests"] {
|
|
||||||
order: 8;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/bookmarks"] {
|
|
||||||
order: 9;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/favourites"] {
|
|
||||||
order: 10;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/admin/reports"] {
|
|
||||||
order: 12;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/admin/dashboard"] {
|
|
||||||
order: 13;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/lists"] {
|
|
||||||
order: 14;
|
|
||||||
}
|
|
||||||
.app-body .list-panel {
|
|
||||||
order: 15;
|
|
||||||
}
|
|
||||||
.app-body .column-link[href="/settings/preferences"] {
|
|
||||||
order: 11;
|
|
||||||
}
|
|
||||||
.app-body .navigation-panel__sign-in-banner,
|
|
||||||
.app-body .navigation-panel__legal {
|
|
||||||
order: 14;
|
|
||||||
}
|
|
||||||
.app-body *:not(.compose-panel) > .flex-spacer {
|
|
||||||
order: 15;
|
|
||||||
}
|
|
||||||
.app-body .getting-started__trends {
|
|
||||||
order: 16;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body .column-link--transparent {
|
.app-body .column-link--transparent {
|
||||||
|
|
@ -4129,27 +4110,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .column-link span {
|
.app-body .column-link span {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.app-body .list-panel {
|
|
||||||
padding: 5px 9px 50px 27px;
|
|
||||||
margin: 0 0 5px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .list-panel .icon {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.app-body .list-panel .column-link span::before {
|
|
||||||
left: -15px;
|
|
||||||
top: -10px;
|
|
||||||
right: -15px;
|
|
||||||
bottom: -10px;
|
|
||||||
}
|
|
||||||
@media screen and (min-width:1175px) {
|
|
||||||
.app-body .column-link[href="/lists"]:is(.active, :hover) + .list-panel,
|
|
||||||
.app-body .list-panel:hover {
|
|
||||||
display: block;
|
|
||||||
animation: fadein .5s 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (max-width:1174px) {
|
@media screen and (max-width:1174px) {
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
|
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
@ -4161,7 +4121,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .columns-area__panels__pane--navigational .navigation-panel {
|
.app-body .columns-area__panels__pane--navigational .navigation-panel {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 4.2em;
|
height: 4.2em;
|
||||||
padding-right: 20vw;
|
|
||||||
padding-bottom: var(--safe-area-bottom);
|
padding-bottom: var(--safe-area-bottom);
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
@ -4171,6 +4130,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
-webkit-backdrop-filter: blur(20px);
|
-webkit-backdrop-filter: blur(20px);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
|
.app-body .navigation-panel__menu {
|
||||||
|
padding-right: 20vw;
|
||||||
|
}
|
||||||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
||||||
content: " ";
|
content: " ";
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -4210,23 +4172,23 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
transition: .2s transform;
|
transition: .2s transform;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(4):last-child)
|
.navigation-panel__menu:has(> *:nth-child(4):last-child)
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
:is(.column-link, .navigation-panel__legal) {
|
||||||
flex: 50vw;
|
flex: 50vw;
|
||||||
}
|
}
|
||||||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
|
.app-body .navigation-panel__menu :is(.column-link, .navigation-panel__legal):active {
|
||||||
transform: scale(.8);
|
transform: scale(.8);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(5):last-child)
|
.navigation-panel__menu:has(> *:nth-child(5):last-child)
|
||||||
:is(.column-link, .navigation-panel__legal),
|
:is(.column-link, .navigation-panel__legal),
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
.navigation-panel__menu:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
:is(.column-link, .navigation-panel__legal) {
|
||||||
flex: calc(100vw / 3);
|
flex: calc(100vw / 3);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
.navigation-panel:has(> *:nth-child(6):last-child)
|
.navigation-panel__menu:has(> *:nth-child(6):last-child)
|
||||||
:is(.column-link, .navigation-panel__legal) {
|
:is(.column-link, .navigation-panel__legal) {
|
||||||
flex: 25vw;
|
flex: 25vw;
|
||||||
}
|
}
|
||||||
|
|
@ -5225,7 +5187,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
/* 🔔 Notifications
|
/* 🔔 Notifications
|
||||||
---------------- */
|
---------------- */
|
||||||
.app-body .status.muted
|
.app-body .status.muted
|
||||||
:is(
|
:is(
|
||||||
.status__content,
|
.status__content,
|
||||||
.status__content a,
|
.status__content a,
|
||||||
.status__content p,
|
.status__content p,
|
||||||
|
|
@ -5283,13 +5245,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.notification-favourite,
|
.notification-favourite,
|
||||||
.notification-reblog,
|
.notification-reblog,
|
||||||
.notification-poll,
|
.notification-poll,
|
||||||
.notification-status
|
.notification-status
|
||||||
)
|
)
|
||||||
.status__action-bar {
|
.status__action-bar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.app-body .account,
|
.app-body .account,
|
||||||
|
|
@ -5470,6 +5432,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
.app-body .notification-request {
|
.app-body .notification-request {
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.app-body .notification-request {
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.app-body .notification-group {
|
.app-body .notification-group {
|
||||||
padding: 16px 23px;
|
padding: 16px 23px;
|
||||||
}
|
}
|
||||||
|
|
@ -5499,7 +5466,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
width: 46px !important;
|
width: 46px !important;
|
||||||
}
|
}
|
||||||
.app-body .notification-ungrouped
|
.app-body .notification-ungrouped
|
||||||
:is(
|
:is(
|
||||||
.attachment-list,
|
.attachment-list,
|
||||||
.audio-player,
|
.audio-player,
|
||||||
.hashtag-bar,
|
.hashtag-bar,
|
||||||
|
|
@ -5558,12 +5525,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
transform: scale(.98);
|
transform: scale(.98);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.notification-group__main__header__label,
|
.notification-group__main__header__label,
|
||||||
.notification-group__embedded-status__account,
|
.notification-group__embedded-status__account,
|
||||||
.notification-ungrouped__header
|
.notification-ungrouped__header
|
||||||
)
|
)
|
||||||
:is(
|
:is(
|
||||||
bdi,
|
bdi,
|
||||||
bdi > strong
|
bdi > strong
|
||||||
) {
|
) {
|
||||||
|
|
@ -6173,7 +6140,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
|
|
@ -6183,7 +6150,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
|
|
@ -6193,19 +6160,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
.mute-modal__cancel-button
|
.mute-modal__cancel-button
|
||||||
):active,
|
):active,
|
||||||
:is(
|
:is(
|
||||||
.block-modal__cancel-button,
|
.block-modal__cancel-button,
|
||||||
.confirmation-modal__cancel-button,
|
.confirmation-modal__cancel-button,
|
||||||
.confirmation-modal__secondary-button,
|
.confirmation-modal__secondary-button,
|
||||||
.mute-modal__cancel-button
|
.mute-modal__cancel-button
|
||||||
)
|
)
|
||||||
+ button:active {
|
+ button:active {
|
||||||
transform: scale(.95);
|
transform: scale(.95);
|
||||||
}
|
}
|
||||||
.app-body .status__content a.hashtag {
|
.app-body .status__content a.hashtag {
|
||||||
|
|
@ -6417,12 +6384,8 @@ a:is(.active,
|
||||||
background-color: rgb(0, 0, 0, .9);
|
background-color: rgb(0, 0, 0, .9);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .media-modal__buttons .icon-button,
|
||||||
:is(
|
.app-body .media-modal__nav {
|
||||||
.media-modal__close,
|
|
||||||
.media-modal__nav,
|
|
||||||
.media-modal__zoom-button
|
|
||||||
) {
|
|
||||||
background-color: #1e1e1e;
|
background-color: #1e1e1e;
|
||||||
color: #777777;
|
color: #777777;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
|
|
@ -6434,23 +6397,11 @@ a:is(.active,
|
||||||
transition: .2s all;
|
transition: .2s all;
|
||||||
|
|
||||||
}
|
}
|
||||||
.app-body
|
.app-body .media-modal__buttons .icon-button:is(:active, :focus, :hover),
|
||||||
:is(
|
.app-body .media-modal__nav:is(:active, :focus, :hover) {
|
||||||
.media-modal__close,
|
|
||||||
.media-modal__nav,
|
|
||||||
.media-modal__zoom-button
|
|
||||||
):is(:active, :focus, :hover) {
|
|
||||||
background-color: #343434;
|
background-color: #343434;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.app-body
|
|
||||||
:is(
|
|
||||||
.media-modal__close,
|
|
||||||
.media-modal__nav,
|
|
||||||
.media-modal__zoom-button)
|
|
||||||
svg {
|
|
||||||
transform: scale(1.3);
|
|
||||||
}
|
|
||||||
.app-body .media-modal__close {
|
.app-body .media-modal__close {
|
||||||
top: 24px;
|
top: 24px;
|
||||||
left: 24px;
|
left: 24px;
|
||||||
|
|
@ -6862,7 +6813,7 @@ a:is(.active,
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.app-body .simple_form
|
.app-body .simple_form
|
||||||
:is(
|
:is(
|
||||||
input[type=datetime-local],
|
input[type=datetime-local],
|
||||||
input[type=email],
|
input[type=email],
|
||||||
input[type=number],
|
input[type=number],
|
||||||
|
|
@ -6877,7 +6828,7 @@ a:is(.active,
|
||||||
color: var(--color-content-fg);
|
color: var(--color-content-fg);
|
||||||
}
|
}
|
||||||
.app-body .simple_form
|
.app-body .simple_form
|
||||||
:is(
|
:is(
|
||||||
input[type=datetime-local],
|
input[type=datetime-local],
|
||||||
input[type=email],
|
input[type=email],
|
||||||
input[type=number],
|
input[type=number],
|
||||||
|
|
@ -7430,8 +7381,8 @@ a:is(.active,
|
||||||
width: 330px;
|
width: 330px;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.column:has(> .getting-started)
|
.column:has(> .getting-started)
|
||||||
:is(.column-header, .column-back-button),
|
:is(.column-header, .column-back-button),
|
||||||
.layout-single-column .navigation-bar:has(+ .getting-started) {
|
.layout-single-column .navigation-bar:has(+ .getting-started) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -7450,7 +7401,7 @@ a:is(.active,
|
||||||
transition: width .3s;
|
transition: width .3s;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer:has(> .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
.drawer:has(> .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns .drawer__inner:has(> .search-results > .search-results__section) {
|
.layout-multiple-columns .drawer__inner:has(> .search-results > .search-results__section) {
|
||||||
|
|
@ -7461,14 +7412,14 @@ a:is(.active,
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer
|
.drawer
|
||||||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer
|
.drawer
|
||||||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
||||||
> .search__input {
|
> .search__input {
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -7477,9 +7428,9 @@ a:is(.active,
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.layout-multiple-columns
|
.layout-multiple-columns
|
||||||
.drawer
|
.drawer
|
||||||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
||||||
> .search__popout {
|
> .search__popout {
|
||||||
border-radius: 0 0 8px 8px;
|
border-radius: 0 0 8px 8px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue