A sleek, cyberpunk-inspired theme for ChatGPT, featuring neon green glow effects, animated backgrounds, and a futuristic UI overhaul.
Lukey Special by Lucas0121
Details
AuthorLucas0121
LicenseNo License
Categorychatgpt.com
Created
Updated
Size15 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Lukey Special
@version 20250212.15.17
@namespace https://userstyles.world/user/Lucas0121
@description A sleek, cyberpunk-inspired theme for ChatGPT, featuring neon green glow effects, animated backgrounds, and a futuristic UI overhaul.
@author Lucas0121
@license No License
==/UserStyle== */
@-moz-document domain("chatgpt.com") {
/* Make the Input Box Blend into the Page */
#composer-background {
background: rgba(0, 20, 20, 0.9) !important;
border: 2px solid #00ff99 !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px rgba(0, 255, 153, 0.5) !important;
padding: 12px !important;
transition: all 0.3s ease-in-out;
}
/* Fix the Inner Text Box */
#prompt-textarea {
background: transparent !important;
color: #00ff99 !important;
font-size: 16px !important;
border: none !important;
outline: none !important;
padding: 10px !important;
min-height: 44px !important;
}
/* Remove Placeholder */
p.placeholder[data-placeholder="Message ChatGPT"]::before {
content: "" !important;
display: none !important;
}
/* Style the "Send" Button */
button[aria-label="Send prompt"] {
background: #00ff99 !important;
color: #111 !important;
border-radius: 50% !important;
transition: all 0.2s ease-in-out;
}
button[aria-label="Send prompt"]:hover {
background: #00ffaa !important;
transform: scale(1.1);
}
}
@-moz-document domain("chatgpt.com") {
/* Animated Cyberpunk Background */
body {
background: linear-gradient(270deg, #000000, #001f1f, #003333, #004f4f, #006666, #004f4f, #003333, #001f1f, #000000);
background-size: 400% 400%;
animation: cyberBackground 15s ease infinite;
color: #00ff99 !important;
}
@keyframes cyberBackground {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Chat messages */
.text-base {
color: #00ff99 !important;
font-weight: bold;
}
/* Style the Top Navigation Bar */
.sticky.top-0 {
background: rgba(0, 20, 20, 0.9) !important;
border-bottom: 2px solid #00ff99 !important;
box-shadow: 0 0 10px #00ff99 !important;
color: #00ff99 !important;
font-size: 16px !important;
text-transform: uppercase;
font-weight: bold;
}
/* Style buttons in the top bar */
.sticky.top-0 button {
background: rgba(0, 30, 30, 0.8) !important;
border: 1px solid #00ff99 !important;
color: #00ff99 !important;
}
.sticky.top-0 button:hover {
background: #00ff99 !important;
color: #111 !important;
}
/* Remove "Message ChatGPT" Placeholder */
p.placeholder[data-placeholder="Message ChatGPT"]::before {
content: "" !important;
display: none !important;
}
/* Chat Input Box Styling */
textarea {
background: rgba(0, 20, 20, 0.9) !important;
color: #00ff99 !important;
border: 2px solid #00ff99 !important;
border-radius: 10px !important;
padding: 10px !important;
font-size: 16px !important;
}
textarea::placeholder {
color: transparent !important; /* Completely removes 'Message ChatGPT' */
}
/* Style Code Blocks */
pre {
background: rgba(0, 20, 20, 0.9) !important;
border-radius: 10px !important;
border: 1px solid #00ff99 !important;
padding: 12px !important;
color: #00ff99 !important;
}
button[aria-label="Copy"]:hover, button[aria-label="Edit"]:hover {
background: #00ff99 !important;
color: #111 !important;
}
/* Buttons */
button {
background: #111 !important;
color: #00ff99 !important;
border: 1px solid #00ff99 !important;
}
button:hover {
background: #00ff99 !important;
color: #111 !important;
}
/* Sidebar */
.bg-gray-900 {
background: rgba(0, 20, 20, 0.9) !important;
}
/* Header */
.bg-gray-800 {
background: #000 !important;
border-bottom: 2px solid #00ff99 !important;
}
/* Links */
a {
color: #00ff99 !important;
}
a:hover {
color: #ff00ff !important;
}
/* Make everything a bit more cyberpunk */
* {
text-shadow: 0 0 5px #00ff99;
}
}
@-moz-document url-prefix("https://example.com/") {
}
@-moz-document domain("chatgpt.com") {
/* Animated Cyberpunk Background */
body {
background: linear-gradient(270deg, #000000, #001f1f, #003333, #004f4f, #006666, #004f4f, #003333, #001f1f, #000000);
background-size: 400% 400%;
animation: cyberBackground 15s ease infinite;
color: #00ff99 !important;
}
@keyframes cyberBackground {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Chat messages */
.text-base {
color: #00ff99 !important;
font-weight: bold;
}
/* Style the Top Navigation Bar */
.sticky.top-0 {
background: rgba(0, 20, 20, 0.9) !important;
border-bottom: 2px solid #00ff99 !important;
box-shadow: 0 0 10px #00ff99 !important;
color: #00ff99 !important;
font-size: 16px !important;
text-transform: uppercase;
font-weight: bold;
}
/* Style buttons in the top bar */
.sticky.top-0 button {
background: rgba(0, 30, 30, 0.8) !important;
border: 1px solid #00ff99 !important;
color: #00ff99 !important;
}
.sticky.top-0 button:hover {
background: #00ff99 !important;
color: #111 !important;
}
/* Chat Input Box (Removes Placeholder & Styles) */
textarea {
background: rgba(0, 20, 20, 0.9) !important;
color: #00ff99 !important;
border: 2px solid #00ff99 !important;
border-radius: 10px !important;
padding: 10px !important;
font-size: 16px !important;
}
textarea::placeholder {
color: transparent !important; /* Completely removes 'Message ChatGPT' */
}
/* Buttons */
button {
background: #111 !important;
color: #00ff99 !important;
border: 1px solid #00ff99 !important;
}
button:hover {
background: #00ff99 !important;
color: #111 !important;
}
/* Sidebar */
.bg-gray-900 {
background: rgba(0, 20, 20, 0.9) !important;
}
/* Header */
.bg-gray-800 {
background: #000 !important;
border-bottom: 2px solid #00ff99 !important;
}
/* Links */
a {
color: #00ff99 !important;
}
a:hover {
color: #ff00ff !important;
}
/* Make everything a bit more cyberpunk */
* {
text-shadow: 0 0 5px #00ff99;
}
}
@-moz-document url-prefix("https://example.com/") {
}
@-moz-document domain("chatgpt.com") {
/* Animated Cyberpunk Background */
body {
background: linear-gradient(270deg, #000000, #001f1f, #003333, #004f4f, #006666, #004f4f, #003333, #001f1f, #000000);
background-size: 400% 400%;
animation: cyberBackground 15s ease infinite;
color: #00ff99 !important;
}
@keyframes cyberBackground {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Chat messages */
.text-base {
color: #00ff99 !important;
font-weight: bold;
}
/* Style the Top Navigation Bar */
.bg-gray-900 {
background: rgba(0, 20, 20, 0.9) !important;
border-bottom: 2px solid #00ff99 !important;
box-shadow: 0 0 10px #00ff99 !important;
}
/* Chat Input Box (Removes Placeholder & Styles) */
textarea {
background: rgba(0, 20, 20, 0.9) !important;
color: #00ff99 !important;
border: 2px solid #00ff99 !important;
border-radius: 10px !important;
padding: 10px !important;
font-size: 16px !important;
}
textarea::placeholder {
color: transparent !important; /* Completely removes 'Message ChatGPT' */
}
/* Buttons */
button {
background: #111 !important;
color: #00ff99 !important;
border: 1px solid #00ff99 !important;
}
button:hover {
background: #00ff99 !important;
color: #111 !important;
}
/* Header */
.bg-gray-800 {
background: #000 !important;
border-bottom: 2px solid #00ff99 !important;
}
/* Links */
a {
color: #00ff99 !important;
}
a:hover {
color: #ff00ff !important;
}
/* Make everything a bit more cyberpunk */
* {
text-shadow: 0 0 5px #00ff99;
}
}
@-moz-document url-prefix("https://example.com/") {
}
@-moz-document domain("chatgpt.com") {
/* Animated Cyberpunk Background */
body {
background: linear-gradient(270deg, #000000, #001f1f, #003333, #004f4f, #006666, #004f4f, #003333, #001f1f, #000000);
background-size: 400% 400%;
animation: cyberBackground 15s ease infinite;
color: #00ff99 !important;
}
@keyframes cyberBackground {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Chat messages */
.text-base {
color: #00ff99 !important;
font-weight: bold;
}
/* Chat Input Box (Removes Placeholder & Styles) */
textarea {
background: #111 !important;
color: #00ff99 !important;
border: 1px solid #00ff99 !important;
}
textarea::placeholder {
color: transpa...