Kindroid website is more suitable for wide screens + add customizations (theme) + add new features (scripts).
Kindroid responsive + customizations v4.xx by breat
Mirrored from https://gitlab.com/breatfr/kindroid/-/raw/main/css/pc_latest.user.css
Details
Authorbreat
LicenseBY-NC-ND; https://creativecommons.org/licenses/by-nc-nd/4.0/
Categorykindroid.ai
Created
Updated
Size155 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Support me on:
- ko-fi: https://ko-fi.com/breatfr
- PayPal: https://www.paypal.me/breat
More previews
- https://gitlab.com/breatfr/kindroid/-/raw/main/docs/preview_theme_v3.xx_groupchat_page.jpg
- https://gitlab.com/breatfr/kindroid/-/raw/main/docs/preview_theme_v3.xx_selfies_page.jpg
Changelog
https://gitlab.com/breatfr/kindroid/-/blob/main/CHANGELOG.md
FAQs
https://gitlab.com/breatfr/kindroid/-/blob/main/FAQs.md
Help / comments / ask etc...
Customizations available in the theme
chat page
- actions text style
- default
- asterisks
- asterisks + bold
- asterisks + Bold + no italic
- asterisks + Bold + no italic + same color
- bold
- bold + no italic
- bold + no italic + same color
- no italic
- same color
- actions text color choice
- avatar choice
- avatar position (choose regarding of the size you use, isn't automatic)
- avatar position large middle
- avatar position large top
- avatar position large bottom
- avatar position small middle
- avatar position small top
- avatar position small bottom
- avatar custom position
- avatar chat style (require avatar choices)
- avatar circle
- avatar rectangle
- avatar rectangle
- avatar rectangle height customization
- avatar size
- large
- small
- hidden
- custom
- avatar hoverzoom
- enabled (default)
- disabled
- background choice
- hearts background (default)
- no background
- custom background
- background color choice (can be use with background choice too)
- blur bubbles content and image you send to ai to share in privacy
- bubbles font color of your choice
- bubbles font size of your choice
- hide or not names in bubbles (layout will change depending of this too)
- kin's bubbles background color of your choice **OR** kin bubbles background image of your choice
- our bubbles background color of your choice **OR** our bubbles background image of your choice
- system bubbles style (layout will change depending of this too)
- left (like v2)
- dark (normal position but dark)
- textarea font size of your choice
selfies page
- background choice
- hearts background (default)
- no background
- custom background
- background color choice (can be use with background choice too)
- blur feature on images
- image border on hover
- enabled (default)
- disabled
voicecall page
- avatar choice
- background choice
- hearts background (default)
- no background
- custom background
- background color choice (can be use with background choice too)
faqs page
- background choice
- hearts background (default)
- no background
- custom background
- background color choice (can be use with background choice too)
legal page
- background choice
- hearts background (default)
- no background
- custom background
- background color choice (can be use with background choice too)
Userscripts features
chat page
- auto confirm regenerate
- add autofocus textarea (chat page only)
- blur bubbles content and image you send to ai to share in privacy (chat page and mobile script version only)
selfies page
- add a checkbox to open a prompt generator
- add a checkbox to see all images
- add a button to download all images (use it after enable see all images)
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Kindroid responsive + customizations v4.xx
@description Kindroid website is more suitable for wide screens + add customizations (theme) + add new features (scripts).
@version 4.0.7
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/kindroid
@supportURL https://discord.gg/fSgDHmekfG
@license BY-NC-ND; https://creativecommons.org/licenses/by-nc-nd/4.0/
@preprocessor stylus
@var text separator1 "π WHOLE WEBSITE π" "_"
@var checkbox avatarcircle "Avatar circle" 0
@var checkbox avatarhoverzoom "Avatar hoverzoom" 0
@var select bgchoice "Background choice" {
"β€οΈ Hearts": "heartbg",
"β¬ None": "nobg",
"β Custom": "custombg"
}
@var color bgcolor "Background color" #101010
@var text custombgurl "Background URL" "URL between quotes"
@var checkbox blurcontent "Blur content" 0
@var text fontsize "Font size" 1.2rem
@var checkbox hidediscord "Hide new discord banner" 0
@var checkbox hidescrollbars "Hide scrollbars" 1
@var checkbox hidetrialbar "Hide trial bar" 1
@var text separator2 "π¬ CHAT PAGE π¬" "_"
@var checkbox avataronrightside "Avatar on right side" 0
@var text avatarposition "Avatar position" 0px
@var text avatarsize "Avatar size (set 0 to hide it)" 512px
@var checkbox hidesharring "Hide sharring" 0
@var checkbox kmenuicon "K menu icon" 1
@var text separator3 "π¬ GROUPCHAT PAGE π¬" "_"
@var checkbox continueconvauto "Continue conversation automatic" 1
@var checkbox continueconvmanual "Continue conversation manual" 0
@var checkbox continueconvmanualcenter "Continue conversation manual center" 0
@var text separator4 "π¬ CHAT & GROUPCHAT PAGES π¬" "_"
@var select actionsstyle "Actions texts style" {
"Default": "actionsdefault",
"Asterisks": "asterisks",
"Asterisks + bold": "asterisksbold",
"Asterisks + bold + no italic": "asterisksboldnoitalic",
"Bold": "bold",
"Bold + no italic": "boldnoitalic",
"No italic": "noitalic"
}
@var color actionscolor "βββ³ Actions texts color" rgb(136, 136, 136)
@var color actionscolorforus "βββ³ Actions texts color for us" rgb(136, 136, 136)
@var checkbox avatarchat "Avatar chat mode (on chat page require: Avatar choice, Avatar choice for us is recommand but not required; on group chat page is same as Avatar choice for us)" 0
@var checkbox avatarchoiceforus "Avatar choice for us" 0
@var text avatarchoiceforusurl "βββ³ Avatar choice for us URL" "URL between quotes"
@var text avatarchatgroupsize "Avatar chat/group size" 162px
@var checkbox avatarrectangle "Avatar rectangle" 1
@var checkbox bgshadow "Background shadow" 1
@var color bgshadowcolor "Background shadow color" #101010
@var color bubblesbgcolor "Bubbles background color" rgb(33, 27, 25)
@var text bubblesbgurl "Bubbles background URL" "URL between quotes"
@var color bubblesbgcolorforus "Bubbles background color for us" rgb(27, 28, 30)
@var text bubblesbgurlforus "Bubbles background URL for us" "URL between quotes"
@var color fontcolor "Font color" #cbcbcb
@var color fontcolorforus "Font color for us" #cbcbcb
@var checkbox hidechattingas "Hide chatting as" 0
@var checkbox hidenames "Hide names in bubbles" 1
@var checkbox manuallyedited "Manually edited" 1
@var select systembubblesstyle "System bubbles style" {
"Wide": "systembubbleswide",
"Dark": "systembubblesdark"
}
@var range textareaopacity "Textarea opacity" [1, 0, 1, .1]
@var range textareabgopacity "Textarea background opacity" [1, 0, 1, .1]
@var text separator5 "π¬ CHAT & CALL PAGES π¬" "_"
@var checkbox avatarchoice "Avatar choice" 0
@var text avatarchoiceurl "βββ³ Avatar choice URL" "URL between quotes"
@var text separator6 "π· SELFIE PAGE π·" "_"
@var checkbox imageborder "Image border on hover" 1
@var checkbox requestselfie "Request selfie button at top" 1
@var text separator7 "π CALL PAGE π" "_"
@var checkbox biggerscreensharing "Bigger Screen Sharing" 0
@var checkbox screensharezoom "βββ³ Bigger Screen Sharing zoomed" 0
@var checkbox experimentalthings "Experimental things" 1
==/UserStyle== */
@-moz-document domain("kindroid.ai") {
/* ===================================
Whole kindroid domain
=================================== */
/* Versions */
:root {
--themeversionpc: 'TPC v4.0.7';
--themeversionmobile: 'TM v1.0.7';
--customavatarsgroupchat: 'CAG v1.0.1';
--chatversionpc: 'CPC v2.0.16';
--chatversionmobile: 'CM v2.0.16';
--selfiesversionpc: 'SPC v2.0.1';
--selfiesversionmobile: 'SM v2.0.1';
--notepadversion: 'NP v2.0.4';
--trversion: 'TR v2.0.2';
--tvversion: 'TV v2.0.3';
--author: ' by BreatFR (https://breat.fr)';
--install1: ' usercssjs.breat.fr ';
--install2: ' gitlab.com/breatfr/kindroid ';
--space: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
--support1: ' ko-fi.com/breatfr ';
--support2: ' paypal.me/breat ';
--avatarsize: avatarsize;
--avatarchatgroupsize: avatarchatgroupsize;
--fontsize: fontsize;
}
@media screen and (min-width: 900px) {
.css-x3odei::after,
.css-z0osps::after {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
content: var(--themeversionpc) ' Β· ' var(--themeversionmobile)' Β· ' var(--customavatarsgroupchat) ' Β· ' var(--chatversionpc) ' Β· ' var(--chatversionmobile) ' Β· ' var(--selfiesversionpc) ' Β· ' var(--selfiesversionmobile) ' Β· ' var(--notepadversion) ' Β· ' var(--trversion) ' Β· ' var(--tvversion) var(--author) '\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+Vuz8JUCOzbqUTVSYauT...