iCloud customizations

Customizations for iCloud website.

当前为 2025-02-07 提交的版本,查看 最新版本

  1. /* ==UserStyle==
  2. @name iCloud customizations
  3. @version 1.0.8
  4. @description Customizations for iCloud website.
  5. @author BreatFR (https://breat.fr)
  6. @namespace https://gitlab.com/breatfr
  7. @homepageURL https://gitlab.com/breatfr/icloud
  8. @supportURL https://discord.gg/Q8KSHzdBxs
  9. @license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  10. @preprocessor stylus
  11.  
  12. @var checkbox hidebanner "Hide banner" 1
  13. @var checkbox hidemail "Hide mail" 0
  14. @var checkbox hidecontacts "Hide contacts" 0
  15. @var checkbox hidecalendar "Hide calendar" 0
  16. @var checkbox hidephotos "Hide photos" 0
  17. @var checkbox hidedrive "Hide drive" 0
  18. @var checkbox hidenotes "Hide notes" 0
  19. @var checkbox hidereminders "Hide reminders" 0
  20. @var checkbox hidepages "Hide pages" 0
  21. @var checkbox hidenumbers "Hide numbers" 0
  22. @var checkbox hidekeynote "Hide keynote" 0
  23. @var checkbox hidefind "Hide find" 0
  24. @var checkbox biggertextevents "Bigger text in events" 1
  25. @var text fontsize "Font size" 1rem
  26. @var checkbox hideheader "Hide calendar header" 0
  27. @var checkbox hidecalendarsidebar "Hide calendar sidebar" 0
  28. @var checkbox monthyearright "Set month and year on right" 0
  29. ==/UserStyle== */
  30.  
  31. /* === Credits ===
  32. Website https://breat.fr
  33. facebook https://www.facebook.com/breatfroff
  34. mastodon https://mastodon.social/@breat_fr
  35. telegram https://t.me/breatfr
  36. vk https://vk.com/breatfroff
  37. X (twitter) https://x.com/breatfroff
  38. === Credits === */
  39.  
  40. @-moz-document domain("icloud.com") {
  41. /* iCloud */
  42.  
  43. /* Versions */
  44. :root {
  45. --themeversion: 'Theme v1.0.8 by BreatFR (https://breat.fr)';
  46. --install1: ' usercssjs.breat.fr ';
  47. --install2: ' gitlab.com/breatfr/icloud ';
  48. --space: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
  49. --support1: ' ko-fi.com/breatfr ';
  50. --support2: ' paypal.me/breat ';
  51. }
  52.  
  53. @media screen and (min-width: 900px) {
  54. body::after {
  55. background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
  56. -webkit-background-clip: text;
  57. -moz-background-clip: text;
  58. background-clip: text;
  59. color: transparent;
  60. content: var(--themeversion) '\A''Install: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARxSURBVDhPvZR5TJNnGMAfBIUFzLSctqWUlqPcCBlQjhpdkGvNWCY2rQfKBihImMc4VgUhoIM4mG5z7MicCROZbBBxICAUHEeG6IRF2nKUwteDclhbbkq/7gO+ZRoy+W+/5P3n+Z7n9z7fm+d94X/DALDF0PC7v7alJVlVW1sir668qaiqKFf8cufG+G+1l2eaW+PQm02WePrrUd6uYg+WlTUKs8+phfHv6QdimLqhUM/FIZb74lC496IolqV/lnp0pb+0QDhaXs7ByzZi6OnZ+qiwuPhx8lH9ANNxQUUHZMEZBlZ2gkhvASJ0OwhRJxDqyCCaMYEhCflNbRf3gK4vvygWV7xKY3o6vzuGaVC7whjqDv3YEi8zYHiFZCTWO2BSexAvEWEYJWByG2y5Qr+UbKJ9wIsVoFcHTHHNOoLMy9R7rEBE4wZy1AdEiJ+16s9w5mQHlzvax96NoG4gHN1PHG2L440P+Lso9V4gxroVrZBhpJXpMdKUVULDVet8eTg+spNmrUEdYLg9xHPqAfdQzdOkU5zmD1J5ze5UGeoCIx0hNElXYub7dfG87yTMHeN4p5KW3TTJT8nnnXHVOmU8nle1K1VVz3CYv8s5xEcj09Z+ITc0NLbDbrsatYexGh/HHjAYjK6FR+3rtCdMoX4gXvABeSXTtVOQ8rPFmugfsDExqotmp/0aw87GQ2vkOzsX9TuaaGYtYfw6zbFyNZbFYKR07TLTYkLhE5KZ5ovAwItryZthyBWYXCJZNmqdQPXMHKay7IgXIgFM+XZWLZP0LRMaF0CuUym9d48kUfCS15PkyWR8bWOGoCQY7qMTFDnRUcIcdkx3vRdRPesMkm/td4xVRLHfwdM350MqPbHBynQOJYJwwnvrqJxhp5Z5kTQ62rZhhGwuLwgJkOeG7Q3G0zengE69I7cxfq61haEffN2U9TTKOGIHMpSCDbitkXjQ1/ZFiYeH7IJfqD9e8t9c2sN2qmBQEJQM0j8YhIkq9oFT7UeOcW7v3dfZ7USa1lOwOcQGu9/RYqk00KdGgJ03XvoqD9MKras+LY24cSzxVh9jp3re3hi5HxrcZgCD0ep3NPczQg2X+03/W+RxbDPRCg2ktX60sR8T+fQ1wcs0JSVRqnmcnvbDB/VP3g1aWLKEwTEGSXU/k9/bfKU0obeo1HU1byrjKrljD0u0bAVSFDuOR0EMpC670HtN8jIPCwvffuzrMjdnDlI9dq2wWyOeJ8KgOIym7uZEox2pJya6CvLauj6/0vQ0LEC5QoUB7KEY7ePu/6uv8JYtrvkXyfflDlJunFhnY6yYY1EV8pTjz1+wgyb0WBfLAOLpbSCTEm00w57kGS02Nqg5CKeD3WaHMrKu4YqNIB9nn1acOalEzmc0SE6e4Uj5OV+pTiTL5yNY03oXogwlvCFFbUylugCqQpMQPSPL/6RVkXDWAS/fyOpLLT543GfMPYiAh0CSks6S5+UVT/Kz702d/ah16txpgTKHX4PkXMyWhkXswtMwAP4GEl0BMY+jC7gAAAAASUVORK5CYII=") var(--install1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAvRJREFUOE+dU0lrU1EUfqhbK4rixiHvvptW+gu0TZqkrQWHhVJpKyoI4lRx3ghdOCwFrS24cwCbmKYtVelCqIorf0NBrGkSWqJkWmgb7Hvv+J37brSxg9UPDuGcb8h5Jy/Gn5hsEv3TodrNul0VZgJyC/t0uxjptvpNX1r8xUxENOvRqpAK+Vuz8JUCOzbqUTVSYauTDtZTOmL16dGqkAnLfvalIlaHHlUDgcP2vl2UDlufKRRap8crgnXwJT2fHNLj3yi0ig0gSl9b/FRoraXpsGjU1IpIhUSA9ezLRGRxEjma8pAJySPf2uqYpDl8Yuv7mloR0PWynn3KH5btmvIAYrASnMcGMHwiw1ij6SWB514L3WQO+gXBcU0bxkdD1qSDspBt9lM6JJmkXHMtJRvlbi1ZEskGa08eOtazj/2ZoMxPGHXrlaD8QBy2r0maPSlo9pRXzlmLih1iKhmQH3D7RcXzYqeYYl3Fw37OKfdah1Swk/DFKG6Rc8n06opJ7lWTqBvheMwS194FhZ7nzLOO9RWvyhn2RQ33ubnVjpozNIpvu2eSfQ510SvnsknZ/Ralm3Ae3LBS3GcPIAB8Rat88HPO/IA5bSB01I0hJApiEHVHiyDmbUpdglLB6mDuS0eF4n+Fsg9+znGQh2DfW0oIoiFsjIGqG6jz3sblMya/+FXB/GPxXG0MndJrL+dwnrqxHdvZ5SREnl5JcuIQPEWx6YJnVufgtwWh6tdHr0LB27gv69mn/AmRw7KdKpjhPtthYviGxiTRCLZ/CEM3zgHjwnOoM6DnOfOsYz374B+fQ46OrIYdN3sgcGnMIvsuNoG5fFqfg9/Xyhk4FDzrWI8z9OiI5fFjwAw6Q2KCXktybyMEd+THnwroM6DnOfNKFxMBbf07cn2yxhk2n9BLi+imoGK7oGSDVJ90C4W5MyIeu4/0v+xfYb/wnXCjokD4R6URTNexJXp71DyuJf8P9/026faJ8e/H5LyDT/fddktTy8AwfgLHRHNkJDm7EgAAAABJRU5ErkJggg==") var(--install2) var(--space) ' Support me: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA2FJREFUSEu1lktIVGEYhqfIXW5ctUkDF250q4jLILLUvBSjzjh285pahoxIK3Fop0iRiWbiNRMUzcvIpI1dNkVGYBckIzTRAkVHCbOyt/f7/Y81alOgvvBw5nzf+b/3/Nc5Jq0I4iKPdpg7xEy2VCSZJtglfpBRkkm85CQoKSlBT0/PjtDf34+BgQG0trYiOzsbAQEBxkvcI/uJ0gMCt9uN3dLs7CzMZrNhPkD2ENOgBHp7e/Vj29P4+DhCQ0MRGBiIkJAQZGRkYH5+XuVSUlIM8ywxlkUAp9Opkl76+BlwjwDPXgPLKzpIjfDe+ZAuEzrwWzLEuvgH8kp+ywssLi7C4/EYw/6S/MW43QXEFwFH84BjF4CCq8CT50DZdSDmHGPpwImzwN0u3WBNg4ODhnGhFKdKCex2u8pbrVbJeSSx2XhqhqYXgcRLQPJljhGviTmMZfB6HkjNBixZgPkMYynAu/e6oZexXYprTYSFhal8ZWWl5FYkuNn4xSgQm0nDAsIep+YSGqcyZqG5hT220tR6Gog7AQwN6YZexsVSXOtpUFCQyjc0NEjuuwQfkw09ngZO0SSZvbJsNOMQW9OANCuvqUASjd++0Q29jAukOHWIeKKiolS+rKxMcl8l4Sbo6+tTiXWVcy6Pn6QB51HM0rRZmgWwaeJjAEcpsLqqGwEul8swvkVsZEzuOzo6VD4iIkJyn4jpviRk43tpaQmwF7M4e2QYGaTzBaSn+ZyCuTndYE3Dw8OGscLPzw8Oh0PlxFzHm8jaydXd3a2SXlrg/isqBBLi1swM46R4IJfTMMMp2aDl5WXU1NSgoqICTU1NmJqaUnGZAn9/fzH9QoLFuEuMOzs71QObJJtfzONjdU9pmsN5n95supXGxsaQn59v9PQbiSVKbQTt7e360S3EjY8rJcCRw0Aeh9eH6eTkJKKjoxEZGYng4GDDUBghUWRdt4k60H2KQ4iaag4v97gPyVqRemSByAnVSJLIXuKlawSNjY266fYk8yv1SLoU96UEog7w7WqV2yo8PFxMf5KDUvxfUn+NNpsNzc3NaGtrU9eWlpZ15F5OHaG+vh51dXWora1FdXU1qqqqUF5eDjkkpA65IUX/RweIfPrIUl/1gXxN/IkcfYKsVmGO3CT7iA+ZTL8ANy582NV4RdEAAAAASUVORK5CYII=") var(--support1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAslJREFUOE+Nk0tIVFEYx6WNEC1attA7znXmnHNvpjH3js7GRQ+dKDKTMgx6UOnMvaNZaRAoGD0WRTQPH6Nii6CgRa1yUUGEjo+0mTSkB7UIF0G0aFlUxNd37jmOjo7QH/6cgXu+3/leU7BSxLSvaVXnvhDTWmNqRhap2TqmVbZf1PXDm2RIrjyetkJiWJ9Z5Vmgpr2+/ZFfeOcd8YUaZeiyvKalUtP6y/yt+YNXGLNFnwfiC++U4UII2a1Vta8KiKxjG/RAB2D5T2S4ENZt8w85EMMCYoTXmKJ5NtQXfiPDhZCayEL8EbwcghLWAC5av8Yl9CCoWiOUVoU+GGnYKBEO5KmOdXII74t3+ylQvPvBReryurhoF3iabgAdmX8mET0bsJxPmpwMh3jKj0vIgbxWlCB4O+4BG54DB6H77S1Y/4+lyfBTLTu6DqQelOIacFdjb/qmgcYnBYT5wgGxH6LzvCduvRFcqyHeOlCKasClHwJy5THQgRmgsZSAYD+O6YELAsCNUylx73NeVJRaPLkxWN0L7h2tQK6OAku+QsAEkFjqj4AY1vXl8eJkfCFQgx2g1neDWtcFakMPlJ6MgrfrIdB+fJ07Og7a0ByQ6PiChNiPsplUNAMNdgMdSgMbygAb5Kf47aQfn3AArO8lbL3zFlgi1eBAqGG/zm7rttNAj9wCOjjr1Ltk1jcDrH8WtGTGCdaSaSC3xy45AN1oUbCcr8zfJiBlCGkZzoGwxBS+nvqGk1ikiekMwgZIbNLvALiYYTdhJj+zkyk/A7TzQbbz/GUSTaVd0RebPfGPhTIsV7hk90VD0TgVx5dHxQ4gRB9Z4Fn0y+v5heP9Lv7aaLMNWHUn0JvPgSYmlyGxVLu8nl/MZxnMiNTgWcsqmmvJid4I6+WbiFPg5fAxxsf3yOv/J3r3fVAfnncAvKG4TL898YlS+TmPCgr+AaBy8VrppmCMAAAAAElFTkSuQmCC") var(--support2);
  61. display: inline-block;
  62. font-family: SF Pro Display, Helvetica Neue, sans-serif;
  63. font-size: 1.2rem;
  64. left: 50%;
  65. pointer-events: none;
  66. position: absolute;
  67. text-align: center;
  68. top: 0;
  69. transform: translate(-50%, -7%);
  70. width: 100%;
  71. white-space: pre-line;
  72. }
  73. }
  74. if hidebanner {
  75. .banner-content {
  76. display: none !important;
  77. height: 0;
  78. width: 0;
  79. }
  80. }
  81. /* Hide elements you don't use */
  82. if hidemail {
  83. [href="https://www.icloud.com/mail"] {
  84. display: none !important;
  85. height: 0;
  86. width: 0;
  87. }
  88. }
  89. if hidecontacts {
  90. [href="https://www.icloud.com/contacts"] {
  91. display: none !important;
  92. height: 0;
  93. width: 0;
  94. }
  95. }
  96. if hidecalendar {
  97. [href="https://www.icloud.com/calendar"] {
  98. display: none !important;
  99. height: 0;
  100. width: 0;
  101. }
  102. }
  103. if hidephotos {
  104. [href="https://www.icloud.com/photos"] {
  105. display: none !important;
  106. height: 0;
  107. width: 0;
  108. }
  109. }
  110. if hidedrive {
  111. [href="https://www.icloud.com/iclouddrive"] {
  112. display: none !important;
  113. height: 0;
  114. width: 0;
  115. }
  116. }
  117. if hidenotes {
  118. [href="https://www.icloud.com/notes"] {
  119. display: none !important;
  120. height: 0;
  121. width: 0;
  122. }
  123. }
  124. if hidereminders {
  125. [href="https://www.icloud.com/reminders"] {
  126. display: none !important;
  127. height: 0;
  128. width: 0;
  129. }
  130. }
  131. if hidepages {
  132. [href="https://www.icloud.com/pages"] {
  133. display: none !important;
  134. height: 0;
  135. width: 0;
  136. }
  137. }
  138. if hidenumbers {
  139. [href="https://www.icloud.com/numbers"] {
  140. display: none !important;
  141. height: 0;
  142. width: 0;
  143. }
  144. }
  145. if hidekeynote {
  146. [href="https://www.icloud.com/keynote"] {
  147. display: none !important;
  148. height: 0;
  149. width: 0;
  150. }
  151. }
  152. if hidefind {
  153. [href="https://www.icloud.com/find"] {
  154. display: none !important;
  155. height: 0;
  156. width: 0;
  157. }
  158. }
  159. [dir=ltr] .navigation-drawer {
  160. padding: 20px;
  161. }
  162. [dir=ltr] .home-page .application-content .tile-grid.lg {
  163. padding-bottom: 40px;
  164. }
  165. [dir=ltr] .home-page .announcement-content .announcement-container.lg {
  166. min-width: 1035px;
  167. }
  168. [dir=ltr] .home-page .announcement-content .announcement-container.lg > .content {
  169. margin: 0 auto;
  170. }
  171. /* If scripts to add icons */
  172. body:has(a[href="https://beta.maps.apple.com/"]),
  173. body:has(a[href="https://tv.apple.com/"]),
  174. body:has(a[href="https://music.apple.com/"]) {
  175. .app-library.large {
  176. height: auto;
  177. }
  178. .app-library.large .app-icon-container {
  179. align-items: center;
  180. display: flex;
  181. flex-flow: wrap;
  182. justify-content: space-between;
  183. }
  184. .announcement-content {
  185. margin: 140px auto 40px auto;
  186. }
  187. }
  188. }
  189.  
  190. @-moz-document url-prefix("https://www.icloud.com/applications/calendar/") {
  191. /* Calendar */
  192. if hidecalendarsidebar {
  193. ui-split[style="width: 250px;"],
  194. ui-split-divider[style="left: 250px;"] {
  195. display: none;
  196. width: 0;
  197. }
  198. }
  199. if hideheader {
  200. header {
  201. display: none !important;
  202. height: 0 !important;
  203. }
  204. }
  205. if biggertextevents {
  206. .event-button * {
  207. font-size: fontsize;
  208. line-height: 1.5;
  209. }
  210. .col-color,
  211. .event-button svg {
  212. height: fontsize !important;
  213. width: fontsize !important;
  214. }
  215. }
  216. /* Today */
  217. .css-107fxrr > span,
  218. .css-8ts4xs,
  219. .css-6k0qnq {
  220. color: var(--theme-color-systemWhite);
  221. }
  222. /* Birthday better view */
  223. .event-button:has(.birthday) {
  224. background-color: transparent;
  225. }
  226. .birthday > div {
  227. color: var(--theme-color-systemRed);
  228. fill: var(--theme-color-systemRed);
  229. }
  230.  
  231. /* Set month and year on right */
  232. if monthyearright {
  233. .css-10udamb {
  234. order: 3;
  235. }
  236. .css-1yaufk0 {
  237. color: var(--theme-color-systemRed);
  238. }
  239. .css-xcsuj9 {
  240. margin-inline-start: auto;
  241. }
  242. .css-t7kvo9 {
  243. order: 2;
  244. }
  245. .css-iwyx1e {
  246. flex-direction: row-reverse;
  247. justify-content: flex-start;
  248. order: 1;
  249. }
  250. }
  251. /* ========================
  252. Day view
  253. ======================== */
  254. /* No more space around day table */
  255. .css-6ub2mo {
  256. padding: 0;
  257. }
  258. if biggertextevents {
  259. .css-1b9imfs {
  260. grid-auto-rows: auto;
  261. }
  262. .css-oyl8cq {
  263. height: max-content;
  264. }
  265. }
  266. /* ========================
  267. Week view
  268. ======================== */
  269. /* No more space around week table */
  270. .css-bhx65h {
  271. padding: 0;
  272. }
  273. if biggertextevents {
  274. .css-12eikme {
  275. align-self: center;
  276. }
  277. .css-5ve0cs {
  278. height: max-content;
  279. }
  280. .css-1h98574 {
  281. grid-auto-rows: auto;
  282. }
  283. }
  284. /* Days label */
  285. .week-daylabel {
  286. justify-content: center;
  287. }
  288. .css-1ttvfef {
  289. color: var(--theme-color-systemWhite);
  290. }
  291. .css-8ts4xs + .css-1ttvfef {
  292. color: var(--theme-color-systemRed);
  293. }
  294.  
  295. /* ========================
  296. Month view
  297. ======================== */
  298. /* No more space around month table */
  299. .css-6mc1rx {
  300. padding: 0;
  301. }
  302. if biggertextevents {
  303. .css-6310j7 {
  304. height: auto;
  305. }
  306. .css-1opsrsm {
  307. grid-auto-rows: auto;
  308. }
  309. .css-6pogpz {
  310. white-space: wrap;
  311. }
  312. }
  313. /* Other months days */
  314. .css-swsj24 {
  315. color: var(--theme-color-labelTertiary)
  316. }
  317. /* Day focused */
  318. .month-view-day-cell:focus {
  319. background: rgba(255, 255, 255, 0.2);
  320. }
  321. /* Days label */
  322. .n-grid-col > span {
  323. display: flex;
  324. justify-self: center;
  325. padding-inline-start: 0;
  326. }
  327. .css-1fdlgye {
  328. color: var(--theme-color-systemWhite);
  329. }
  330. }