├── LICENSE ├── README.md ├── comigk.css ├── gaybird.css ├── gaycord.css ├── gayfox.css ├── gaygle.css └── media ├── gay.svg ├── gaycord_and_gayfox-dark.gif ├── gaycord_and_gayfox-light.gif └── gaygle.gif /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2021 gk [github.com/6gk] 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in all 11 | copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 19 | SOFTWARE. 20 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 | # Themes 4 | 5 | Note: these themes go best with the Comic Sans MS font. 6 | Note: magenta has been removed from gaycord, but I'm too lazy to redo the gifs. 7 | 8 | [Discord (gaycord)](./gaycord.css) 9 | [Firefox (gayfox)](./gayfox.css) 10 | [Google (gaygle)](./gaygle.css) 11 | 12 | ![gayfox/gaycord demo (light)](./media/gaycord_and_gayfox-light.gif) 13 | 14 | ![gaygle demo](./media/gaygle.gif) 15 | 16 | 17 | 18 | # HALP!? How install?!? 19 | 20 | ## Websites 21 | - gaycord (web client) 22 | - gaygle 23 | 24 | 1. Install Stylus - [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en) / [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us) 25 | 2. Go to the site that the style is made for 26 | 3. Click the stylus icon to open a popup 27 | 4. Near the bottom, click the domain name (as in, `site.com`, not the things after) 28 | 5. Paste the contents of the file you want 29 | 6. Save, and enjoy. This is an order. 30 | 31 | 32 | ## Gaycord (bad version) (electron / desktop app) 33 | [DiscoCSS (Linux-only)](https://github.com/mlvzk/discocss) 34 | powercord / betterdiscord / something else, PR if you wanna fix this section. 35 | 36 | Remember to remove the first/last lines in this case. 37 | 38 | 39 | ## gayfox 40 | 1. Enable `toolkit.legacyUserProfileCustomizations.stylesheets` in `about:config` 41 | 2. Go to your profile directory by going to `about:support` and looking for "Profile Directory" 42 | 3. Once you're in that dir, make a subdir called `chrome` 43 | 4. In the `chrome` subdir, put the contents of `gayfox.css` into a file called `userChrome.css` (With those capitals) 44 | 5. Restart firefox 45 | -------------------------------------------------------------------------------- /comigk.css: -------------------------------------------------------------------------------- 1 | @-moz-document regexp("https?://(?!(docs.google.com)).*") { 2 | 3 | 4 | div:not([class*="hljs"]):not([class*="img"]):not(.simple_tooltip-click-area):not([class*="icon-"]), 5 | span:not([class*="fa-"]):not(.t-icon):not([class*="material-icons"]):not([class*="hljs-"]):not([class*="icon-"]), 6 | button:not([class*=" i-"]), 7 | 8 | h1,h2,h3,h4,h5, 9 | ol,li, 10 | yt-formatted-string, 11 | input, 12 | tr, 13 | td, 14 | p, 15 | select,option, 16 | b, 17 | strong, 18 | a, 19 | textarea { 20 | font-family: Comic Sans MS !important; 21 | font-feature-settings: normal !important; 22 | } 23 | 24 | 25 | } 26 | -------------------------------------------------------------------------------- /gaybird.css: -------------------------------------------------------------------------------- 1 | @-moz-document domain("twitter.com") { 2 | /* 3 | * gaybird - gay twitter (rev. 0) [name ideas welcome] 4 | * 5 | * Source: https://github.com/eepykate/gkay 6 | * By kate [github.com/eepykate] 7 | * Licensed under MIT (expat) 8 | */ 9 | 10 | @keyframes rainbow { 11 | 0% { background-position: 0 0; } 12 | 100% { background-position: 100% 0; } 13 | } 14 | /*light*/ 15 | /*html { 16 | --red: #ff6d6d; 17 | --yellow: #b29d21; 18 | --green: #30ba39; 19 | --cyan: #42b4b4; 20 | --blue: #778eff; 21 | --pink: #ff6efa; 22 | } 23 | /*dark*/ 24 | html { 25 | --red: #f99; 26 | --yellow: #ebdd8e; 27 | --green: #7dee84; 28 | --cyan: #52d2d2; 29 | --blue: #aab8ff; 30 | --pink: #f5a5e1; 31 | 32 | } 33 | 34 | time, 35 | [data-testid="User-Name"] > div:last-of-type span { 36 | opacity: 0.7 37 | } 38 | 39 | time, 40 | [data-testid="User-Name"] span, 41 | [data-testid="tweetText"] > span { 42 | 43 | background: linear-gradient( 44 | to right, 45 | var(--red), 46 | var(--yellow), 47 | var(--green), 48 | var(--cyan), 49 | var(--blue), 50 | var(--pink), 51 | var(--red), 52 | var(--yellow), 53 | var(--green), 54 | var(--cyan) 55 | ); 56 | -webkit-background-clip: text; 57 | background-clip: text; 58 | color: transparent; 59 | background-size: 300% 100%; 60 | animation: rainbow 3s linear infinite; 61 | } 62 | 63 | /* firefox: save resources when unfocused */ 64 | :-moz-window-inactive { 65 | animation-play-state: paused !important; 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /gaycord.css: -------------------------------------------------------------------------------- 1 | /* 2 | * gaycord - gay discord theme (rev. 8) 3 | * 4 | * Source: https://github.com/6gk/gkay 5 | * By gk [github.com/6gk] 6 | * Licensed under MIT (expat) 7 | */ 8 | /* 9 | https://discord\.com/channels/(?!238090316320604161).* 10 | */ 11 | 12 | .theme-light { 13 | --red: #ff6d6d; 14 | --yellow: #b29d21; 15 | --green: #30ba39; 16 | --cyan: #42b4b4; 17 | --blue: #778eff; 18 | --pink: #ff6efa; 19 | 20 | --1red: #f99; 21 | --1yellow: #ebdd8e; 22 | --1green: #7dee84; 23 | --1cyan: #52d2d2; 24 | --1blue: #aab8ff; 25 | --1pink: #f5a5e1; 26 | 27 | --accent: var(--blue); 28 | } 29 | .theme-dark { 30 | --red: #f99; 31 | --yellow: #ebdd8e; 32 | --green: #7dee84; 33 | --cyan: #52d2d2; 34 | --blue: #aab8ff; 35 | --pink: #f5a5e1; 36 | 37 | --1red: #ee8b8b; 38 | --1yellow: #d6c982; 39 | --1green: #81e688; 40 | --1cyan: #5ccece; 41 | --1blue: #a4b1f2; 42 | --1pink: #eda5db; 43 | 44 | --accent: var(--blue); 45 | } 46 | 47 | /* fix strikethrough */ 48 | s { text-decoration: #229e9e line-through !important; } 49 | /* make replied messages slightly dimmed */ 50 | .theme-light [class*="repliedTextContent-"] { color: #cacacab8 !important; } 51 | .theme-dark [class*="repliedTextContent-"] { color: #8a8a8ab8 !important; } 52 | 53 | @keyframes rainbow { 54 | 0% { background-position: 0 0; } 55 | 100% { background-position: 100% 0; } 56 | } 57 | 58 | /*[class*="textArea"] [data-slate-string="true"],*/ /* message input box (didnt work well) */ 59 | [class*="messageContent_"], 60 | [class*="messageContent_"] li, 61 | /*[class*="messageContent_"] ol, 62 | [class*="messageContent_"] li, 63 | [class*="messageContent_"] [class*="spoiler"][aria-expanded="true"] span, 64 | [class*="messageContent_"] h1, 65 | [class*="messageContent_"] h2, 66 | [class*="messageContent_"] h3, 67 | [class*="messageContent_"] h4, 68 | [class*="messageContent_"] h5, 69 | [class*="messageContent_"] h6, 70 | [class*="messageContent_"] h7, 71 | [class*="messageContent_"] h8, */ 72 | [class*="typing-"], 73 | [class*="embed-"] [class*="embedTitle"], 74 | [class*="title-"], 75 | .messageContent_abea64 li, 76 | .messageContent_abea64, 77 | [class*="messagelogger-"], 78 | blockquote { 79 | list-style-position: inside; 80 | background: linear-gradient( 81 | to right, 82 | var(--red), 83 | var(--yellow), 84 | var(--green), 85 | var(--cyan), 86 | var(--blue), 87 | var(--pink), 88 | var(--red), 89 | var(--yellow), 90 | var(--green), 91 | var(--cyan) 92 | ); 93 | -webkit-background-clip: text; 94 | background-clip: text; 95 | color: transparent; 96 | fill: transparent; 97 | background-size: 300% 100%; 98 | 99 | /* animation: rainbow 3s linear infinite;*/ 100 | } 101 | 102 | 103 | div[class*="systemMessage-"] a > span { 104 | color: white !important; 105 | } 106 | 107 | .searchBar-3dMhjb, 108 | #app-mount [id*="chat"] a:not([class*="originalLink"]):not([class*="metadataDownload"]) { 109 | background: linear-gradient( 110 | to right, 111 | var(--1red), 112 | var(--1yellow), 113 | var(--1green), 114 | var(--1cyan), 115 | var(--1blue), 116 | var(--1pink), 117 | var(--1red), 118 | var(--1yellow), 119 | var(--1green), 120 | var(--1cyan) 121 | ); 122 | color: #fff; 123 | background-size: 300% 100%; 124 | 125 | /* animation: rainbow 3s linear infinite;*/ 126 | } 127 | 128 | .app-focused .searchBar-3dMhjb, 129 | .app-focused #app-mount [id*="chat"] a:not([class*="imageWrapper"]):not([class*="metadataDownload"]), 130 | .app-focused [class*="typing-"], 131 | .app-focused [class*="embed-"] [class*="embedTitle"], 132 | .app-focused [class*="title-"], 133 | .app-focused [class*="messageContent_"], 134 | .app-focused [class*="messageContent_"] li, 135 | .app-focused blockquote { 136 | animation: rainbow 3s linear infinite; 137 | 138 | /* animation-play-state: paused;*/ 139 | } 140 | 141 | /* don't make code blocks gay (the straights can have that i guess -- for now.) */ 142 | code.hljs, code, .hljs * { color: var(--text-normal) !important; } 143 | 144 | [class*="roleColor-rz2vM0"]:not([style]), 145 | [class*="username"]:not([style]) { 146 | color: var(--text-normal); 147 | } 148 | [class*="messagelogger-"] { 149 | opacity: 0.3; 150 | } 151 | -------------------------------------------------------------------------------- /gayfox.css: -------------------------------------------------------------------------------- 1 | /* 2 | * gayfox - gay firefox theme (rev. 4) 3 | * 4 | * Source: https://github.com/6gk/gkay 5 | * By gk [github.com/6gk] 6 | * Licensed under MIT (expat) 7 | */ 8 | 9 | :root { 10 | --red: #ffb0b0; 11 | --yellow: #fff7c6; 12 | --green: #cfffd2; 13 | --cyan: #c0ffff; 14 | --blue: #cbd4ff; 15 | --pink: #ffbfef; 16 | } 17 | 18 | @keyframes rainbow { 19 | 0% { background-position: 0 0; } 20 | 100% { background-position: 100% 0; } 21 | } 22 | 23 | #titlebar { 24 | background: linear-gradient( 25 | to right, 26 | var(--red), 27 | var(--yellow), 28 | var(--green), 29 | var(--cyan), 30 | var(--blue), 31 | var(--pink), 32 | var(--red), 33 | var(--yellow), 34 | var(--green), 35 | var(--cyan) 36 | ); 37 | background-size: 300% 100% !important; 38 | animation: rainbow 3s linear infinite !important; 39 | animation-play-state: running !important; 40 | } 41 | 42 | #titlebar:-moz-window-inactive { 43 | animation-play-state: paused !important; 44 | } 45 | 46 | /* readability is nice. -- Fix colours on dark theme */ 47 | #tabs-newtab-button, 48 | .tabbrowser-tab:not([selected]) .tab-content { 49 | --toolbarbutton-icon-fill: #333; 50 | color: #333; 51 | } 52 | 53 | 54 | /** windows:tm: **/ 55 | /* doesn't show the rainbow with the default appearance */ 56 | #titlebar { appearance: none !important; } 57 | /* due to resetting appearance, the top is cut off if this is left default */ 58 | #main-window[sizemode="maximized"] #titlebar { 59 | padding-top: 8px; 60 | } 61 | -------------------------------------------------------------------------------- /gaygle.css: -------------------------------------------------------------------------------- 1 | @-moz-document domain("www.google.com") { 2 | 3 | 4 | /* 5 | * gaygle - gay google theme (rev. 5) [name ideas welcome] 6 | * 7 | * Source: https://github.com/6gk/gkay 8 | * By gk [github.com/6gk] 9 | * Licensed under MIT (expat) 10 | */ 11 | 12 | /* TODO: Fix visited links. */ 13 | 14 | @keyframes rainbow { 15 | 0% { background-position: 0 0; } 16 | 100% { background-position: 100% 0; } 17 | } 18 | 19 | [data-dobid="dfn"], /* definition description */ 20 | .z8gr9e > b, /* definition bold word thing */ 21 | .c8d6zd, /* definition title */ 22 | .LC20lb, /* title of search result */ 23 | .IsZvec a, /* secondary links in result description */ 24 | .fl /* other links from same site (notably reddit) */ 25 | { 26 | --red: #ff6d6d; 27 | --yellow: #b29d21; 28 | --green: #30ba39; 29 | --cyan: #42b4b4; 30 | --blue: #778eff; 31 | --pink: #ff6efa; 32 | font-weight: 500 !important; 33 | 34 | background: linear-gradient( 35 | to right, 36 | var(--red), 37 | var(--yellow), 38 | var(--green), 39 | var(--cyan), 40 | var(--blue), 41 | var(--pink), 42 | var(--red), 43 | var(--yellow), 44 | var(--green), 45 | var(--cyan) 46 | ); 47 | -webkit-background-clip: text; 48 | background-clip: text; 49 | color: transparent; 50 | border-bottom: 1px solid #ffffffff; 51 | background-size: 300% 100%; 52 | animation: rainbow 3s linear infinite; 53 | } 54 | 55 | .fl:visited, 56 | a:visited .LC20lb { 57 | border-bottom-color: #f0d; 58 | } 59 | 60 | /* firefox: save resources when unfocused */ 61 | [data-dobid="dfn"]:-moz-window-inactive, 62 | .z8gr9e > b:-moz-window-inactive, 63 | .c8d6zd:-moz-window-inactive, 64 | .LC20lb:-moz-window-inactive, 65 | .IsZvec a:-moz-window-inactive, 66 | .fl:-moz-window-inactive { 67 | animation-play-state: paused !important; 68 | } 69 | 70 | 71 | } 72 | -------------------------------------------------------------------------------- /media/gay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 38 |

gkay (rainbow) themes

39 | 40 |
41 | 42 | 43 | -------------------------------------------------------------------------------- /media/gaycord_and_gayfox-dark.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eepykate/gkay/0445cc21884c1ff3cf3b631c19e88e31c2306294/media/gaycord_and_gayfox-dark.gif -------------------------------------------------------------------------------- /media/gaycord_and_gayfox-light.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eepykate/gkay/0445cc21884c1ff3cf3b631c19e88e31c2306294/media/gaycord_and_gayfox-light.gif -------------------------------------------------------------------------------- /media/gaygle.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eepykate/gkay/0445cc21884c1ff3cf3b631c19e88e31c2306294/media/gaygle.gif --------------------------------------------------------------------------------