Actions

Work Header

Rating:
Archive Warning:
Fandom:
Additional Tags:
Language:
English
Stats:
Published:
2026-06-30
Words:
844
Chapters:
1/1
Comments:
35
Kudos:
253
Bookmarks:
88
Hits:
6,848

Dark mode AI detector

Summary:

Based on Reversi skin and the AI heated rivalry fic thread.

Notes:

Based on Reversi skin by Ao3 and AI detection code from this thread

This was tested by me! But if you want to test it yourself open any of the fics in this google drive from the thread mentioned before!

How to actually use this: see end notes

(See the end of the work for more notes.)

Work Text:

body:has(.userstuff p.font-claude-response-body) #outer,
body:has(.userstuff p.font-claude-response-body) #main,
body:has(.userstuff p.font-claude-response-body) .userstuff,
body:has(.userstuff p.font-claude-response-body) .userstuff p,
body:has(.userstuff p.font-claude-response-body) .userstuff div {
background: #ff0000 !important;
color: #ffffff !important;
}

#outer .region,
#footer .group,
.post fieldset fieldset,
fieldset fieldset {
background: none;
}

body,
.group,
.group .group,
.region,
.flash,
fieldset,
fieldset fieldset ul,
form dl,
textarea,
#main .verbose legend,
.verbose fieldset,
.notice,
ul.notes,
input,
textarea,
table,
th,
td:hover,
tr:hover,
.symbol .question:hover,
#modal,
.ui-sortable li,
.required .autocomplete,
.autocomplete .notice,
.system .intro,
.comment_error,
.kudos_error,
div.dynamic,
.dynamic form,
#ui-datepicker-div,
.ui-datepicker table,
.annotation {
background: #333;
color: #eee;
border-color: #222;
outline: #111;
box-shadow: none;
}

#header .actions a:hover,
#header .actions a:focus,
#header .dropdown:hover a,
#header .open a,
#header .menu,
#small_login,
.group.listbox,
fieldset fieldset.listbox,
form blockquote.userstuff,
input:focus,
textarea:focus,
li.relationships a,
.group.listbox .index,
.dashboard fieldset fieldset.listbox .index,
#dashboard a:hover,
th,
#dashboard .secondary,
.secondary,
.work.navigation .download,
.javascript .work.navigation .download .secondary,
.thread .even,
.ui-datepicker tr:hover {
background: #2a2a2a;
}

#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus,
.splash .favorite li:nth-of-type(odd) a,
.ui-datepicker td:hover,
#tos_prompt .heading,
#tos_prompt [disabled] {
background: #111;
}

#outer,
.javascript,
.statistics .index li:nth-of-type(even),
#tos_prompt,
.nomination dt {
background: #333;
}

#header ul.primary,
#outer #footer,
.toggled form {
background: url("/images/skins/textures/tiles/black-noise.jpg");
}

#header ul.primary,
#footer,
#dashboard ul,
dl.meta,
dl.meta .wrapper,
.group.listbox,
fieldset fieldset.listbox,
#main li.blurb,
form blockquote.userstuff,
div.comment,
li.comment,
.toggled form,
form dl dt,
form.single fieldset,
#inner .module .heading,
.bookmark .status span,
.splash .news li,
.authentication fieldset,
.filters .group dt.bookmarker {
border-color: #555;
}

.group.listbox,
fieldset fieldset.listbox,
#main li.blurb,
.wrapper,
#dashboard .secondary,
.secondary,
.work.navigation .download,
.javascript .work.navigation .download .secondary,
form blockquote.userstuff,
.thread .comment,
.toggled form {
box-shadow: 1px 1px 3px #000;
}

#dashboard .current,
.actions a:active,
#outer .current,
a.current,
.current a:visited,
span.unread,
.replied,
span.claimed,
dl.index dd,
.own,
.draft,
.draft .unread,
.child,
.unwrangled,
.unreviewed,
.ui-sortable li:hover {
background: #000;
border-color: #555;
box-shadow: -1px -1px 3px #000;
}

input,
textarea {
box-shadow: inset 0 1px 2px #000;
}

li.blurb,
.blurb .blurb,
.listbox .index,
fieldset fieldset.listbox,
.dashboard .listbox .index {
box-shadow: inset 1px 1px 3px #000;
}

#footer a:hover,
#footer a:focus,
#footer button:hover,
#footer button:focus,
.autocomplete .dropdown ul li:hover,
.autocomplete .dropdown li.selected,
a.tag:hover,
.listbox .heading a.tag:visited:hover,
.symbol .question,
.qtip-content {
background: #5998D6;
color: #111;
}

.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:focus {
background: #5998D6;
color: #111;
}

#header #greeting img,
#header .heading a,
#header .heading a:visited,
#header .user a:hover,
#header .user a:focus,
#header fieldset,
#header form,
#header p,
#dashboard a:hover,
.actions a:hover,
.actions button:hover,
.actions input:hover,
.delete a,
span.delete,
span.unread,
.replied,
span.claimed,
.draggable,
.droppable,
span.requested,
a.work,
.blurb h4 a:link,
.blurb h4 img,
.splash .module h3,
.splash .browse li a:before,
.required,
.error,
.comment_error,
.kudos_error,
a.cloud7,
a.cloud8,
#tos_prompt .heading {
color: #5998D6;
}

#greeting .icon,
#dashboard,
#dashboard.own,
.error,
.comment_error,
.kudos_error,
.LV_invalid,
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
.qtip-content {
border-color: #5998D6;
}

a,
a:link,
a.tag,
#header a,
#header a:visited,
#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus,
#header #search input:focus,
#header #search input:hover,
#dashboard a,
#dashboard span,
#dashboard .current,
.heading,
.group .heading,
.filters dt a:hover {
color: #fff;
}

a:visited,
.actions a:visited,
.action a:link,
.action a:visited,
.listbox .heading a:visited,
span.series .divider {
color: #999;
}

.actions a,
.actions a:link,
.action,
.action:link,
.actions button,
.actions input,
input[type="submit"],
button,
.current,
.actions label,
#header .actions a {
background: #555;
border-color: #222;
color: #eee;
box-shadow: inset 0 -8px 4px #232323, inset 0 8px 7px #555;
text-shadow: none;
}

.actions a:hover,
.actions button:hover,
.actions input:hover,
#dashboard a:hover,
label.action:hover,
.action:hover,
.actions a:focus,
.actions button:focus,
.actions input:focus,
#dashboard a:focus,
.actions .disabled select {
color: #999;
border-color: #000;
box-shadow: inset 2px 2px 2px #000;
}

.actions a:active,
.current,
a.current,
.current a:visited {
color: #fff;
background: #555;
border-color: #fff;
box-shadow: inset 1px 1px 3px #333;
}

.delete a,
span.delete {
box-shadow: -1px -1px 2px rgba(255,255,255.25);
}

.actions label.disabled {
background: #222;
box-shadow: none;
}

ul.required-tags,
.bookmark .status span,
.blurb .icon {
opacity: 0.9;
border: 0;
}

#outer .group .heading,
#header .actions a,
fieldset.listbox .heading,
.userstuff .heading,
.heading,
.userstuff h2 {
text-shadow: none;
color: #fff;
background: none;
}

#header .actions a,
fieldset fieldset,
.mce-container button,
.filters .expander,
.actions .disabled select {
box-shadow: none;
}

fieldset fieldset.listbox {
outline: none;
}

form dd.required {
color: #eee;
}

.mce-container input:focus {
background: #F3EFEC;
}

.announcement .userstuff a,
.announcement .userstuff a:link,
.announcement .userstuff a:visited:hover {
color: #111;
}

.announcement .userstuff a:visited {
color: #666;
}

.announcement .userstuff a:hover,
.announcement .userstuff a:focus {
color: #999;
}

.event.announcement .userstuff a,
.filters .expander {
color: #eee;
}

.announcement .action {
background: #333;
}

.announcement .action:hover,
.announcement .action:focus {
color: #fff;
box-shadow: inset 2px 2px 2px #000;
}

.caution {
border-color: #807640;
color: #dbbc54;
}

Notes:

How to use:
1. Copy the code

2. click on your profile and you should see the option "skins" in the upper right corner (above your bookmarks)

3. Click on it and then click "create site skin"

4. add a title
(if ao3 tells you it needs to be unique just spam letters, the name doesn't matter)

5. In the CSS box pastehe code from this work (or whatever other code you want)

6. Click submit, it will take you to the page of your new site skin.

7. scroll down to find the button "use"

by that point it will be ready!!

 

if it doesnt work at all:
- turn off and then on, sometimes it just needs to reload

if the AI detection isnt working (aka not turning red):
- make sure youre not seeing the work in "chapter by chapter", click "entire work"

 

(disclaimer: the AI evidence may be deleted by the author at any time, or they may be smart enough to hide their tracks, OR they may not use claude. I will be updating this as new things come out but this is all we have so far.)