this style is for beta character ai.
cant remember where the other style went, i simply edited one before it got removed
freddy by Hatsume15050123
Details
AuthorHatsume15050123
LicenseNo License
Categorybeta.character.ai
Created
Updated
Size7.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
if you want to change the background and colors, do the background with a gif link from discord or go to google and right click on the image / gif you want, then copy its image link address.
Source code
/* ==UserStyle==
@name freddy
@version 20231017.03.52
@namespace ?
==/UserStyle== */
/* ==UserStyle==
@name Freddy Beta.Character.AI Style
@namespace USO Archive
@author birbsverygood
@description `seas`
@version 20230511.4.1
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
@-moz-document domain("beta.character.ai") {
html:not(#),
body > div,
body > table,
[role="navigation"],
[role="dialog"],
#body-container > div,
[aria-expanded="true"]:not(.ytp-button),
[class*="tooltip"]:not(.ytp-tooltip-duration):not(.ytp-tooltip-bg):not(.ytp-tooltip-text-wrapper):not([class*="arrow"]):not(button),
[role="menu"],
.ytp-popup,
.videoAdUiPreSkipButton,
.videoAdUiAdInfoPopup {
background: url("https://media.tenor.com/m0QUZO7JO00AAAAC/glamrock-freddy-fnaf-security-breach.gif")fixed #804747!important;
background-size: cover!important;
}
/*search bar*/
#masthead-search-terms,
form.channels-search:not(#) {
border: 1px solid #fff!important;
}
#masthead-search-terms.gsfe_a {
border: 1px solid #a0a0a0!important;
}
#masthead-search-terms.gsfe_b {
border: 1px solid #fe4d4d!important;
}
:not(textarea):not(input):not([contenteditable]) {
text-shadow: 0 0.05em rgba(178, 74, 74, .5), 0 -0.05em rgba(0, 0, 0, .5), 0.05em 0 rgba(0, 0, 0, .5), -0.05em 0 rgba(0, 0, 0, .5)!important;
}
:not([class*="video-extras-sparkbar"]):not([class^="ytp-"]):not(.sidebar):not(.video-time):not([class^="html5-"]):not(.yt-uix-button-primary):not(label):not(.toggle):not(.branding-context-container-inner):not(.iv-drawer) {
background-color: transparent!important;
color: #FFFFFF!important;
}
.load-more-button {
background: transparent!important;
}
[role="alert"],
.content-region,
.yt-uix-checkbox-on-off .checked:before {
display: none!important;
}
:not(#) :link {
color: #ff5c5c!important;
}
:not(#) :visited {
color: #ffacac!important;
}
:not(#) select {
background: black!important;
}
[href="/"][id*="logo"],
:not(.ytp-volume-slider-handle):not(.yt-uix-playlistlike):before,
.yt-uix-button-icon-material-upload,
.yt-uix-button-icon-bell,
.yt-uix-button-icon-wrapper > .yt-sprite,
.autoplay-info-icon,
.search-button > .yt-uix-button-content,
#appbar-guide-button .yt-uix-button-icon-wrapper,
.yt-uix-button-shelf-slider-pager {
-webkit-filter: invert(1)hue-rotate(180deg);
filter: invert(1)hue-rotate(180deg);
}
.yt-uix-form-input-select,
[class$="container"],
#yt-comments-paginator {
background-image: none!important;
}
:not(h2):not(button):not(.comment-simplebox-renderer-collapsed-content),
#footer-container button,
.yt-uix-button-shelf-slider-pager {
border: none!important;
}
textarea,
[contenteditable="true"],
[type="text"]:not(#masthead-search-term),
[role="menu"]:not(.guide-user-links):not(.ytp-panel-menu),
#footer-container .yt-uix-button-default,
.yt-uix-clickcard-card-visible,
#watch-appbar-playlist,
.comment-simplebox-frame,
body > table {
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .5)!important;
}
#masthead-search-terms {
box-shadow: none!important;
}
#logo-container .logo,
.footer-logo-icon,
#logo-icon,
#logo-icon-container,
#logo-red-icon-container {
content: url("https://media0.giphy.com/media/he22gAtInmaa4WzqAD/giphy.gif?cid=ecf05e47r5peh2s9pjrmkvkbmy5rfp9w7jmo3jnrdinjk5ib&rid=giphy.gif&ct=s") !important;
width: 100px;
height: 50px;
object-fit: cover;
}
ytd-topbar-logo-renderer {
width: 0%;
}
html[light] #logo-icon,
html[dark] #logo-icon-container,
#logo-red-icon-container {
content: url("https://media0.giphy.com/media/he22gAtInmaa4WzqAD/giphy.gif?cid=ecf05e47r5peh2s9pjrmkvkbmy5rfp9w7jmo3jnrdinjk5ib&rid=giphy.gif&ct=s") !important;
background-image: none !important;
}
.html5-play-progress,
.ytp-play-progress {
background: #8f0000 !important;
/* Old browsers */
background: -moz-linear-gradient(left, #964747 0%, #8f0000 100%) !important;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1b1b1b), color-stop(100%, #8f0000)) !important;
background: -webkit-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: -o-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: -ms-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: linear-gradient(to right, #1b1b1b 0%, #8f0000 100%) !important;
}
/*.html5-load-progress, .ytp-load-progress {
background: #404040 !important;
}*/
/* scrubber button glow */
.html5-scrubber-button,
.ytp-scrubber-button {
border-color: #1b1b1b !important;
box-shadow: 0px 0px 3px #8f0000, 0px 0px 5px #8f0000, 0px 0px 0px #8f0000 !important;
transition: box-shadow 0.2s, background 0.2s !important;
}
/* scrubber button */
.ytp-swatch-background-color,
.ytp-swatch-background-color-secondary,
.html5-scrubber-button:hover,
.ytp-scrubber-button:hover {
background-color: #8f0000 !important;
}
/* scrubber button glow on hover */
.html5-scrubber-button:hover,
.ytp-scrubber-button:hover {
border-color: #1b1b1b !important;
box-shadow: 0px 0px 6px #8f0000, 0px 0px 8px #8f0000, 0px 0px 10px #8f0000 !important;
}
/* volume control */
.ytp-volume-slider-track,
.ytp-volume-slider-handle:before {
background: #8f0000 !important;
/* Old browsers */
background: -moz-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1b1b1b), color-stop(100%, #8f0000)) !important;
background: -webkit-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: -o-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: -ms-linear-gradient(left, #1b1b1b 0%, #8f0000 100%) !important;
background: linear-gradient(to right, #1b1b1b 0%, #8f0000 100%) !important;
z-index: -117;
}
/* extras */
.ytp-settings-button.ytp-hd-quality-badge::after,
.ytp-settings-button.ytp-4k-quality-badge::after,
.ytp-settings-button.ytp-5k-quality-badge::after,
.ytp-settings-button.ytp-8k-quality-badge::after,
.ytp-settings-button.ytp-3d-badge::after {
background-color: #8f0000 !important;
}
.ytp-swatch-color {
color: #8f0000 !important;
}
.ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
background: #8f0000 !important;
}
.ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {
fill: #8f0000 !important;
}
.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {
fill: #8f0000 !important;
}
.resume-playback-progress-bar {
background: #8f0000 !important;
}
.ytp-chrome-controls .ytp-button[aria-pressed]::after {
background-color: #8f0000 !important;
}
.yt-uix-checkbox-on-off input-extras2-disabled[type="checkbox"]:checked + label {
background-color: #88008f !important;
}
.video-extras-sparkbar-likes-extras2-disabled {
background-color: #8a008f !important;
}
}