Kindroid website is more suitable for wide screens + add customizations (theme) + add new features (scripts).
Kindroid responsive + customizations v3.xx by breat
Mirrored from https://gitlab.com/breatfr/kindroid/-/raw/main/css/kindroid_wide_screen_v3.xx.user.css
Details
Authorbreat
LicenseAGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
Categorykindroid.ai
Created
Updated
Size70 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
Changelog
https://gitlab.com/breatfr/kindroid/-/blob/main/CHANGELOG.md or https://discord.com/channels/1116127115574779905/1195415564101886102
FAQs
https://gitlab.com/breatfr/kindroid/-/blob/main/FAQs.md
Help / comments / ask etc...
https://discord.com/channels/1116127115574779905/1145809654044176485
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 v3.xx
@description Kindroid website is more suitable for wide screens + add customizations (theme) + add new features (scripts).
@version 3.39.15
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/kindroid
@supportURL https://discord.com/channels/1116127115574779905/1145809654044176485
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var select actionsstyle "Actions texts style" {
"Default": "actionsdefault",
"Asterisks": "asterisks",
"Asterisks + bold": "asterisksbold",
"Asterisks + Bold + no italic": "asterisksboldnoitalic",
"Asterisks + Bold + no italic + same color": "asterisksboldnoitalicsamecolor",
"Bold": "bold",
"Bold + no italic": "boldnoitalic",
"Bold + no italic + same color": "boldnoitalicsamecolor",
"No italic": "noitalic",
"Same color": "samecolor"
}
@var color actionscolor "Actions texts color choice" rgb(168, 168, 168)
@var checkbox avatarchoice "Avatar changer" 0
@var text avatarchoiceurl "Avatar changer URL" "URL between quotes"
@var select avatarposition "Avatar position" {
"Large Middle": "avatarlargemiddle",
"Large Top": "avatarlargetop",
"Large Bottom": "avatarlargebottom",
"Small Middle": "avatarsmallmiddle",
"Small Top": "avatarsmalltop",
"Small Bottom": "avatarsmallbottom",
}
@var checkbox avatarchat "Avatar chat" 0
@var checkbox ouravatarchoice "Avatar changer for us" 0
@var text ouravatarchoiceurl "Avatar changer for us URL" "URL between quotes"
@var checkbox avatarcircle "Avatar circle" 0
@var checkbox avatarcustomposition "Avatar custom position" 0
@var text avatarcustompositionvalue "Avatar custom position value" 12vh
@var select avatarsize "Avatar size" {
"Large": "avatarlarge",
"Small": "avatarsmall",
"Hidden": "avatarhidden"
}
@var checkbox avatarcustomsize "Avatar custom size" 0
@var text avatarcustomsizevalue "Avatar custom size value" 512px
@var checkbox avatarrectangle "Avatar rectangle" 1
@var checkbox avatarrectanglecustomheight "Avatar rectangle custom height" 0
@var text avatarrectanglecustomheightvalue "Avatar custom height value" 256px
@var checkbox avatarzoom "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 color bubblescolor "Bubbles font color" #CBCBCB
@var text fontsize "Custom font size" 1.2rem
@var checkbox gradientregenerate "Gradient regenerate icon" 1
@var checkbox hidenames "Hide names in bubbles" 1
@var color kinbubblesbgcolor "Kin bubbles background color" rgb(33, 27, 25)
@var text kinbubblesbgurl "Kin bubbles background URL" "URL between quotes"
@var color ourbubblesbgcolor "Our bubbles background color" rgb(27, 28, 30)
@var text ourbubblesbgurl "Our bubbles background URL" "URL between quotes"
@var select systembubblesstyle "System bubbles style" {
"Left": "systembubblesleft",
"Dark": "systembubblesdark"
}
@var checkbox iconshover "Icons hover" 1
@var checkbox hidetrialbar "Hide trial bar" 1
@var checkbox imageborder "Image border on hover" 1
@var checkbox requestimage "Request image button at top" 1
==/UserStyle== */
/* === Credits ===
Website https://breat.fr
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
=== Credits === */
@-moz-document domain("kindroid.ai") {
/* ===================================================================================================================================
Whole kindroid domain
=================================================================================================================================== */
/* Versions */
:root {
--themeversion: 'Theme v3.39.15';
--chatversionpc: 'Chat script PC v1.11.2';
--chatversionmobile: 'Chat script mobile v1.11.3';
--selfiesversionpc: 'Selfies script PC v1.07.3';
--selfiesversionmobile: 'Selfies script mobile v1.07.2';
--author: ' by BreatFR';
--install: ' usercssjs.breat.fr or gitlab.com/breatfr/kindroid ';
--space: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
--support: ' ko-fi.com/breatfr or paypal.me/breat ';
}
.css-x3odei::after,
.css-z0osps::after {
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(--chatversionpc) ' · ' var(--chatversionmobile) ' · ' var(--selfiesversionpc) ' · ' var(--selfiesversionmobile) var(--author) '\A' 'Install: ' url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/arrow-left.svg") var(--install) url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/arrow-right.svg") var(--space) ' Support me: ' url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/arrow-left.svg") var(--support) url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/arrow-right.svg");
display: block;
font-family: var(--chakra-fonts-PoppinsRegular);
font-size: fontsize;
left: 50%;
position: absolute;
text-align: center;
top: 49%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: max-content;
white-space: pre-line;
}
/* Hide scrollbars */
.css-1lbk8wf,
:root ::-webkit-scrollbar {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-moz-overflow-style: none !important;
-webkit-overflow-style: none !important;
width: 0;
}
::-webkit-scrollbar {
display: none;
width: 0;
}
/* Loading bar */
#nprogress .bar {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background: -moz-linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
}
/* Background */
.css-1yee3lj {
height: calc(100% - 45px);
}
if (bgchoice=="heartbg") {
.css-1lbk8wf,
.css-1qpmsp4,
.css-16qnjy5,
.css-uf0eqr {
background: url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/heart-pattern.png") bgcolor no-repeat 100% !important;
background-size: cover !important;
}
}
if (bgchoice=="nobg") {
/* No background */
.css-1lbk8wf,
.css-1qpmsp4,
.css-16qnjy5,
.css-uf0eqr {
background: var(--chakra-colors-secondaryBlack) !important;
}
}
if (bgchoice=="custombg") {
/* Custom background */
.css-1lbk8wf,
.css-1qpmsp4,
.css-16qnjy5,
.css-uf0eqr {
background: url(custombgurl) bgcolor no-repeat 100% !important;
background-size: cover !important;
}
}
if bgcolor {
.css-1lbk8wf,
.css-1qpmsp4,
.css-16qnjy5,
.css-uf0eqr {
background-color: bgcolor;
}
}
}
@-moz-document url("https://kindroid.ai/home"), url("https://kindroid.ai/home/") {
/* ===================================================================================================================================
Chat page
=================================================================================================================================== */
/* ========================================================================
Header and menu
======================================================================== */
/* Header background color */
.css-x3odei {
background-color: var(--chakra-colors-primaryBlack) !important;
}
if hidetrialbar {
.css-r1nv3m {
display: none;
}
}
/* Tooltips */
[aria-label="gallery"]:hover::after {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background: -moz-linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
border-radius: 16px;
color: var(--chakra-colors-primar...