From 02c97b90252b307acb1f3d75b2d535c8583445cd Mon Sep 17 00:00:00 2001
From: Phantop <phantop@tuta.io>
Date: Fri, 5 Jul 2024 16:37:47 -0400
Subject: [PATCH] qute: redo ao3 css from reversi source page

---
 bin/setup             |  9 ++++-
 qutebrowser/theme.py  |  2 +-
 qutebrowser/user.scss | 83 ++++++++++---------------------------------
 3 files changed, 28 insertions(+), 66 deletions(-)

diff --git a/bin/setup b/bin/setup
index 8702eaa..158f989 100755
--- a/bin/setup
+++ b/bin/setup
@@ -23,10 +23,17 @@ w https://github.com/dracula/kitty/raw/master/dracula.conf -P ~/.config/kitty
 w https://github.com/dracula/musikcube/raw/main/dracula.json -P ~/.config/musikcube/themes
 w https://github.com/dracula/rofi/raw/main/theme/config2.rasi -P ~/.config/rofi
 
+ln -s /usr/share/netsurf/adblock.css ~/.config/qutebrowser
 w https://github.com/redlib-org/redlib/raw/main/static/themes/laserwave.css -P ~/.config/qutebrowser
 sed -i s/laserwave/fixed_navbar/ ~/.config/qutebrowser/laserwave.css
 w https://github.com/zedeus/nitter/raw/master/public/css/themes/twitter_dark.css -P ~/.config/qutebrowser
-ln -s /usr/share/netsurf/adblock.css ~/.config/qutebrowser
+
+ao3=~/.config/qutebrowser/ao3.scss
+echo ":root:has(div#outer.wrapper) {" > "$ao3"
+curl https://archiveofourown.org/skins/929 | pup -p .css pre text{} >> "$ao3"
+sed -i -e '/232323/d' -e 's/#5998D6/MediumPurple/' -e 's/background:.*/background: #000;/' "$ao3"
+echo "}" >> "$ao3"
+sass "$ao3" ~/.config/qutebrowser/ao3.css
 
 w https://github.com/mrzool/bash-sensible/raw/master/sensible.bash -O ~/.bashrc
 w https://github.com/savq/paq-nvim/raw/master/lua/paq.lua -P ~/.config/nvim/lua
diff --git a/qutebrowser/theme.py b/qutebrowser/theme.py
index 1dafc6f..a5aecea 100644
--- a/qutebrowser/theme.py
+++ b/qutebrowser/theme.py
@@ -53,5 +53,5 @@ cc.webpage.darkmode.policy.images = 'never'
 c.completion.open_categories = ["bookmarks","history"]
 c.content.fullscreen.window = True
 c.content.prefers_reduced_motion = True
-c.content.user_stylesheets = ['adblock.css', 'laserwave.css', 'twitter_dark.css', 'user.css']
+c.content.user_stylesheets = ['adblock.css', 'ao3.css', 'laserwave.css', 'twitter_dark.css', 'user.css']
 c.tabs.show = 'multiple'
diff --git a/qutebrowser/user.scss b/qutebrowser/user.scss
index 3cc2e38..10d4ed9 100644
--- a/qutebrowser/user.scss
+++ b/qutebrowser/user.scss
@@ -41,70 +41,6 @@ $id: ads, leaderboard, player-ads, rc-row-container;
 div.container > div.conversation > div#r.replies { display: none } //nitter replies
 body>nav:nth-child(1):not([class]) {position: absolute} // nitter/libreddit/librex
 
-body>div#outer.wrapper { //ao3
-    zoom: 110%;
-    background: #000;
-    color: #fff;
-    #workskin {
-        zoom: 125%;
-        max-width: 40em;
-    }
-    p.kudos {
-        overflow-wrap: break-word;
-    }
-    #inner .actions, fieldset {
-        a, select, input, span.current {
-            background: #000;
-            border: 1px solid #222;
-            border-radius: .25em;
-            color: #fff;
-            box-shadow: none;
-        }
-    }
-    a, fieldset, .comment, textarea, h4.byline, .navigation, #footer, .menu,
-    a:hover, [role="menu-item"] a, .bookmark, .reading h4.viewed, ol.index.group {
-        background: #000;
-        color: #fff;
-    }
-    fieldset, #user-bookmarks, .bookmark .user, .listbox, .listbox.index {
-        background: #000;
-        border: 1px solid #555;
-        box-shadow: none;
-        ol.index.group {box-shadow: none}
-        ul.index.group {box-shadow: none; background: #000;}
-        button, h3 {color: #fff}
-    }
-
-    dl.meta, li.blurb, li.comment {border-color: #555}
-    a:visited, .work > li > div.header h4 a:visited {color: #999}
-    #admin-banner, #header > nav > ul.primary {display:none}
-    h1.heading a, .splash .module h3, a:hover, li > div.header h4 a {color: MediumPurple}
-    .secondary {box-shadow:none;background: #000;}
-    #dashboard {border:none; .navigation.actions {border-top:none}}
-    .user.home h2 {border-bottom: none}
-
-
-    ul.work > li {
-        &.share {display: none}
-        a.collapsed {display: none}
-        ul.secondary {
-            border: none !important;
-            display: inline !important;
-            position: static;
-            &:not(#chapter_index) > li:not(:nth-child(2)) {display: none}
-        }
-    }
-    #main > div.splash > div.module:not(.readings) {display: none}
-    #main > div.splash > div.module.readings {width:100%}
-    #bookmark-form > form > fieldset > fieldset:nth-child(4) {display:none}
-
-    .wrapper, .toggled, .toggled form {
-        padding: 0;
-        border: none;
-        box-shadow: none;
-    }
-}
-
 [data-csrf-token] { // miniflux
     --body-background: #000;
     --current-item-border-color: #c88aff;
@@ -132,3 +68,22 @@ body>div#outer.wrapper { //ao3
         }
     }
 }
+
+div#outer.wrapper { //ao3
+    #admin-banner, #header > nav > ul.primary {display:none}
+    #bookmark-form fieldset > dl {display:none}
+    #workskin {zoom: 125%; max-width: 40em;}
+    p.kudos {overflow-wrap: break-word}
+    select {background: none }
+    zoom: 110%;
+    ul.work {
+        .download li:not(:nth-child(2)) {display: none}
+        a.collapsed {display: none}
+        li.share {display: none}
+        ul.secondary {
+            border: none;
+            display: unset;
+            position: static;
+        }
+    }
+}