Dark and wide mode for crush website + some tweaks and customizations
Crush dark and wide mode and more by breat
Details
Authorbreat
LicenseGPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
Categorycrush.chat
Created
Updated
Size32 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
All options are optional:
- blur content (to share a screenshot in privacy)
- ai bubbles background color of your choice
- our bubbles background color of your choice
- ai text in bubbles color of your choice
- our text in bubbles color of your choice
- dark mode
- font size of your choice
- wide mode
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Crush dark and wide mode and more
@namespace github.com/breatfr
@version 1.2.0
@description Dark and wide mode for crush website + some tweaks and customizations
@author BreatFR
@homepageURL https://userstyles.world/style/15967
@supportURL https://discord.com/channels/1088951945781334066/1097154953950277804
@license GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
@preprocessor stylus
@var checkbox blurcontent "Blur content" 0
@var color aibubblesbg "Bubbles background (AI)" #211b19
@var color mybubblesbg "Bubbles background (Me)" #1b1c1e
@var color aibubblesft "Bubbles font (AI)" #cbcbcb
@var color mybubblesft "Bubbles font (Me)" #cbcbcb
@var checkbox darkmode "Dark mode" 1
@var text fontsize "Font size" 20px
@var checkbox widemode "Wide mode" 1
==/UserStyle== */
/* === Credits ===
Website https://breat.fr
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/+5ZLC2qntf6xmYmI0
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
=== Credits === */
@-moz-document domain("crush.chat") {
/* ===================================================================================================================================
Version
=================================================================================================================================== */
:root {
--themeversion: 'Theme v1.2.0';
--author: 'by BreatFR';
--link: ' https://userstyles.world/style/15967 ';
}
.gap-3.px-2.border-t-2.border-gray-100.justify-between.items-center::before {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
content: var(--themeversion) ' · ' var(--author) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") var(--link) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==") ;
display: flex;
flex-direction: column;
font-size: 18px;
position: absolute;
text-align: center;
top: 93%;
width: max-content;
white-space: pre-line;
}
/* ===================================================================================================================================
Hide scrollbars
=================================================================================================================================== */
:root ::-webkit-scrollbar {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-moz-overflow-style: none !important;
-webkit-overflow-style: none !important;
width: 0px;
}
::-webkit-scrollbar {
display: none;
width: 0px;
}
/* ===================================================================================================================================
Blur
=================================================================================================================================== */
if blurcontent {
.select-text,
.flex.flex-row.items-center.text-sm > div > span {
filter: blur(8px);
-moz-filter: blur(8px);
-webkit-filter: blur(8px);
}
}
/* ===================================================================================================================================
Dark mode
=================================================================================================================================== */
if darkmode {
body,
.bg-white {
background-color: #101010;
}
.md\\:pb-0 > div > div {
background-color: #272626 !important;
border-radius: 20px;
}
.hover\\:bg-gray-50:hover,
.hover\\:px-6:hover {
background-color: transparent !important;
border-radius: 20px;
}
* {
border: 0px;
}
div,
p,
span {
color: #cbcbcb !important;
}
textarea {
background-color: #272626 !important;
border: 1px solid #cbcbcb !important;
border-radius: 32px !important;
}
textarea:focus {
border: 0px !important;
border-radius: 32px;
box-shadow: 0 0 0 1px rgb(139, 109, 255), 0 0 0 2px rgb(254, 132, 132) !important;
}
/* Logo */
img.leading-5.h-7 {
display: none;
}
.gap-3.px-2.border-t-2.border-gray-100.justify-between.items-center > a {
background: url("data:image/svg+xml,%3Csvg width='153' height='28' viewBox='0 0 3815 700' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_407_49)'%3E%3Cpath d='M684 350C684 534.463 534.463 684 350 684C252.699 684 16.0027 684 16.0027 684C16.0027 684 16 437.162 16 350C16 165.537 165.537 16 350 16C534.463 16 684 165.537 684 350Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M700 350C700 543.3 543.3 700 350 700H0V350C0 156.7 156.7 0 350 0C543.3 0 700 156.7 700 350ZM350 668C525.627 668 668 525.627 668 350C668 174.373 525.627 32 350 32C174.373 32 32 174.373 32 350C32 434.87 32 668 32 668C32 668 259.243 668 350 668Z' fill='%23white'/%3E%3Cpath d='M339.075 597.5C342.481 599.15 346.216 600.005 350 600C353.792 600.008 357.537 599.153 360.95 597.5C369.7 593.2 575 491.15 575 325C575 300.279 567.669 276.114 553.936 255.559C540.202 235.004 520.682 218.982 497.843 209.52C475.005 200.059 449.874 197.581 425.627 202.401C401.381 207.221 379.108 219.123 361.625 236.6L350 248.225L338.375 236.6C320.892 219.123 298.619 207.221 274.373 202.401C250.126 197.581 224.995 200.059 202.157 209.52C179.318 218.982 159.798 235.004 146.064 255.559C132.331 276.114 125 300.279 125 325C125 491.775 330.35 593.25 339.075 597.5Z' fill='%23DD2E44'/%3E%3Cpath d='M339.075 597.5C342.481 599.15 346.216 600.005 350 600C353.792 600.008 357.537 599.153 360.95 597.5C369.7 593.2 575 491.15 575 325C575 300.279 567.669 276.114 553.936 255.559C540.202 235.004 520.682 218.982 497.843 209.52C475.005 200.059 449.874 197.581 425.627 202.401C401.381 207.221 379.108 219.123 361.625 236.6L350 248.225L338.375 236.6C320.892 219.123 298.619 207.221 274.373 202.401C250.126 197.581 224.995 200.059 202.157 209.52C179.318 218.982 159.798 235.004 146.064 255.559C132.331 276.114 125 300.279 125 325C125 491.775 330.35 593.25 339.075 597.5Z' fill='url(%23paint0_linear_407_49)'/%3E%3Cpath d='M1308.82 480.548H1346.74C1342.06 528.275 1329.26 568.516 1308.35 601.27C1287.44 633.712 1259.35 658.356 1224.08 675.201C1189.12 691.733 1147.92 700 1100.48 700C1062.71 700 1028.38 692.825 997.478 678.476C966.89 663.815 940.515 643.226 918.355 616.711C896.506 589.884 879.652 557.91 867.791 520.789C855.93 483.668 850 442.647 850 397.727V302.273C850 257.041 855.93 216.02 867.791 179.211C879.652 142.09 896.506 110.272 918.355 83.7567C940.515 56.9296 967.046 36.3414 997.946 21.992C1029.16 7.33066 1063.96 0 1102.35 0C1148.86 0 1189.59 8.26649 1224.55 24.7995C1259.5 41.3324 1287.44 65.9759 1308.35 98.7299C1329.26 131.172 1342.06 171.257 1346.74 218.984H1308.82C1304.14 179.367 1293.37 145.989 1276.51 118.85C1259.97 91.3993 1237.19 70.4991 1208.16 56.1497C1179.13 41.8004 1143.86 34.6257 1102.35 34.6257C1069.58 34.6257 1040.08 41.0205 1013.86 53.8102C987.646 66.2879 965.173 84.3806 946.446 108.088C927.718 131.484 913.205 159.559 902.905 192.313C892.917 224.755 887.923 261.096 887.923 301.337V397.727C887.923 437.344 892.917 473.685 902.905 506.751C912.893 539.505 927.094 567.736 945.509 591.444C963.924 614.84 986.241 633.088 1012.46 646.19C1038.68 658.979 1068.02 665.374 1100.48 665.374C1141.99 665.374 1177.42 658.824 1206.76 645.722C1236.09 632.308 1259.19 611....