Skip to content

Kindroid responsive + customizations v4.xx by breat

Mirrored from https://gitlab.com/breatfr/kindroid/-/raw/main/css/pc_latest.user.css

Screenshot of Kindroid responsive + customizations v4.xx

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

Kindroid website is more suitable for wide screens + add customizations (theme) + add new features (scripts).

Notes

Support me on:

More previews

Changelog

https://gitlab.com/breatfr/kindroid/-/blob/main/CHANGELOG.md

FAQs

https://gitlab.com/breatfr/kindroid/-/blob/main/FAQs.md

Help / comments / ask etc...

https://discord.gg/fSgDHmekfG

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)

How to install in few steps

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...

Reviews

No reviews yet.