├── README.md ├── LICENSE ├── usable-gmail.css └── .gitignore /README.md: -------------------------------------------------------------------------------- 1 | # gmail-style 2 | A style sheet that makes GMail a bit less cluttered and unusable 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Robin Berjon 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /usable-gmail.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Make text legible for people over legal drinking age 3 | */ 4 | /* - lines of body text */ 5 | .a3s, .g6 { font: 1rem/1.5 Arial, Helvetica, sans-serif !important; } 6 | .gmail-mp4p { font-size: inherit !important; } 7 | /* - parts of the From indicator */ 8 | h3.iw { font-size: inherit !important; } 9 | /* - recipients list */ 10 | .hx .hb { font-size: 0.9rem !important; } 11 | /* - time stamp */ 12 | .ig .g3, .hI .g3, .iv .g3 { font-size: 0.9rem !important; } 13 | 14 | /* 15 | * Wrap text to within best practices (this may break stuff) 16 | */ 17 | .a3s, .g6 { max-width: 80ch !important; } 18 | 19 | /* 20 | * Editing without squinting 21 | */ 22 | .Am, .LW-avf.Am { 23 | font: 1rem/1.5 Arial,Helvetica,sans-serif !important; 24 | max-width: 80ch !important; 25 | } 26 | 27 | /* 28 | * Remove ugly clutter 29 | */ 30 | /* - big Compose button + add some margin back */ 31 | .z0 { display: none !important; } 32 | .yJ { margin-top: 8px !important; } 33 | /* - logo */ 34 | [href="#inbox"][title="Gmail"] { display: none !important; } 35 | /* - hamburger */ 36 | [aria-label="Main menu"] { display: none !important; } 37 | /* - support */ 38 | #lZwQje { display: none !important; } 39 | /* - apps */ 40 | #gbwa { display: none !important; } 41 | /* - input method, because you don't have threads but Dvorak input was a must-have */ 42 | .aBS { display: none !important; } 43 | /* - powered by Google (we knew that?) */ 44 | .aeU .mb, .aeU a { color: white !important; } 45 | /* - canned answers */ 46 | .brb { display: none !important; } 47 | /* - if I want to use Meet, I know where to find it */ 48 | .n6, 49 | [data-tooltip="Meet"], 50 | [data-tooltip="My meetings"], 51 | [data-tooltip="New meeting"] { display: none !important; } 52 | /* - whatever Google's new chat product was that week */ 53 | .bSyoAf { display: none !important; } 54 | .W8 .V3 { max-height: initial !important; } 55 | .Yb.dIH7rb { display: none !important; } 56 | /* - left bar trying to force Meet onto you */ 57 | .aeN.WR.a6o.anZ.nH.oy8Mbf { display: none !important; } 58 | /* - right bar with whatever that's for */ 59 | .nH.aUx { display: none !important; } 60 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | lerna-debug.log* 8 | 9 | # Diagnostic reports (https://nodejs.org/api/report.html) 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 11 | 12 | # Runtime data 13 | pids 14 | *.pid 15 | *.seed 16 | *.pid.lock 17 | 18 | # Directory for instrumented libs generated by jscoverage/JSCover 19 | lib-cov 20 | 21 | # Coverage directory used by tools like istanbul 22 | coverage 23 | *.lcov 24 | 25 | # nyc test coverage 26 | .nyc_output 27 | 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 29 | .grunt 30 | 31 | # Bower dependency directory (https://bower.io/) 32 | bower_components 33 | 34 | # node-waf configuration 35 | .lock-wscript 36 | 37 | # Compiled binary addons (https://nodejs.org/api/addons.html) 38 | build/Release 39 | 40 | # Dependency directories 41 | node_modules/ 42 | jspm_packages/ 43 | 44 | # TypeScript v1 declaration files 45 | typings/ 46 | 47 | # TypeScript cache 48 | *.tsbuildinfo 49 | 50 | # Optional npm cache directory 51 | .npm 52 | 53 | # Optional eslint cache 54 | .eslintcache 55 | 56 | # Microbundle cache 57 | .rpt2_cache/ 58 | .rts2_cache_cjs/ 59 | .rts2_cache_es/ 60 | .rts2_cache_umd/ 61 | 62 | # Optional REPL history 63 | .node_repl_history 64 | 65 | # Output of 'npm pack' 66 | *.tgz 67 | 68 | # Yarn Integrity file 69 | .yarn-integrity 70 | 71 | # dotenv environment variables file 72 | .env 73 | .env.test 74 | 75 | # parcel-bundler cache (https://parceljs.org/) 76 | .cache 77 | 78 | # Next.js build output 79 | .next 80 | 81 | # Nuxt.js build / generate output 82 | .nuxt 83 | dist 84 | 85 | # Gatsby files 86 | .cache/ 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js 88 | # https://nextjs.org/blog/next-9-1#public-directory-support 89 | # public 90 | 91 | # vuepress build output 92 | .vuepress/dist 93 | 94 | # Serverless directories 95 | .serverless/ 96 | 97 | # FuseBox cache 98 | .fusebox/ 99 | 100 | # DynamoDB Local files 101 | .dynamodb/ 102 | 103 | # TernJS port file 104 | .tern-port 105 | --------------------------------------------------------------------------------