├── .gitignore ├── .husky └── pre-commit ├── img ├── preview.png ├── light_logo.png ├── menu_option.png ├── white_logo.png ├── old_school_dark.png ├── old_school_light.png ├── happy_medium_dark.png ├── happy_medium_light.png ├── dark_logo.svg ├── light_logo.svg ├── black_logo.svg └── white_logo.svg ├── .github ├── ISSUE_TEMPLATE │ ├── feature_request.md │ └── bug_report.md └── workflows │ └── eslint.yml ├── .eslintrc.json ├── helpers ├── update-version.sh └── release.sh ├── LICENSE ├── package.json ├── CONTRIBUTING.md ├── archive ├── 2023-10-30 │ ├── happy_medium │ │ ├── dark │ │ │ ├── github-com.css │ │ │ └── repo.css │ │ └── light │ │ │ ├── github-com.css │ │ │ └── repo.css │ └── old_school │ │ ├── light │ │ ├── github-com.css │ │ └── repo.css │ │ └── dark │ │ ├── repo.css │ │ └── github-com.css └── 2025-04-23 │ ├── source │ └── repository-container-header.html │ └── happy_medium │ └── repository-container-header.html └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | *.afdesign* 3 | /*.css 4 | /*.svg 5 | *.xcf 6 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npm run fix 5 | -------------------------------------------------------------------------------- /img/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/preview.png -------------------------------------------------------------------------------- /img/light_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/light_logo.png -------------------------------------------------------------------------------- /img/menu_option.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/menu_option.png -------------------------------------------------------------------------------- /img/white_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/white_logo.png -------------------------------------------------------------------------------- /img/old_school_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/old_school_dark.png -------------------------------------------------------------------------------- /img/old_school_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/old_school_light.png -------------------------------------------------------------------------------- /img/happy_medium_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/happy_medium_dark.png -------------------------------------------------------------------------------- /img/happy_medium_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blakegearin/github-custom-global-navigation/HEAD/img/happy_medium_light.png -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for the userscript 4 | title: "[Feature request]" 5 | labels: enhancement 6 | assignees: blakegearin 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": true, 4 | "greasemonkey": true 5 | }, 6 | "extends": "eslint:recommended", 7 | "parserOptions": { 8 | "ecmaVersion": "latest", 9 | "sourceType": "module" 10 | }, 11 | "rules": { 12 | "indent": [ 13 | "error", 14 | 2, 15 | { 16 | "SwitchCase": 1 17 | } 18 | ], 19 | "linebreak-style": [ 20 | "error", 21 | "unix" 22 | ], 23 | "quotes": [ 24 | "error", 25 | "single" 26 | ], 27 | "semi": [ 28 | "error", 29 | "always" 30 | ], 31 | "comma-dangle": [ 32 | "error", 33 | "always-multiline" 34 | ], 35 | "no-unused-vars" : [ 36 | 1, 37 | { 38 | "varsIgnorePattern": "^_" 39 | } 40 | ], 41 | "eqeqeq": [ 42 | "error", 43 | "always" 44 | ] 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help improve the userscript 4 | title: "[Bug]" 5 | labels: bug 6 | assignees: blakegearin 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Device (please complete the following information):** 27 | - Userscript Version: [e.g. 1.0.1] 28 | - Browser: [e.g. chrome, safari] 29 | - Browser Version: [e.g. 22] 30 | - OS: [e.g. iOS] 31 | 32 | **Additional context** 33 | Add any other context about the problem here. 34 | -------------------------------------------------------------------------------- /helpers/update-version.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | if [ -z "$1" ]; then 4 | echo "Usage: $0 " 5 | exit 1 6 | fi 7 | 8 | NEW_VERSION=$1 9 | FILE="src/github-custom-global-navigation.user.js" 10 | 11 | if [ ! -f "$FILE" ]; then 12 | echo "File $FILE not found!" 13 | exit 1 14 | fi 15 | 16 | # Update @version line with flexible spacing 17 | sed -i '' -E "s|@version[[:space:]]+[0-9]+\.[0-9]+\.[0-9]+|@version $NEW_VERSION|" "$FILE" 18 | if [ $? -ne 0 ]; then 19 | echo "Failed to update @version. Aborting." 20 | exit 1 21 | fi 22 | 23 | # Update const VERSION declaration 24 | sed -i '' -E "s|const VERSION = '[0-9]+\.[0-9]+\.[0-9]+';|const VERSION = '$NEW_VERSION';|" "$FILE" 25 | if [ $? -ne 0 ]; then 26 | echo "Failed to update VERSION. Aborting." 27 | exit 1 28 | fi 29 | 30 | if [ $? -eq 0 ]; then 31 | echo "Version updated to $NEW_VERSION in $FILE" 32 | else 33 | echo "Failed to update version in $FILE" 34 | exit 1 35 | fi 36 | -------------------------------------------------------------------------------- /helpers/release.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | if [ -z "$1" ]; then 4 | echo "Usage: $0 " 5 | exit 1 6 | fi 7 | 8 | NEW_VERSION=$1 9 | 10 | # Update version 11 | bash helpers/update-version.sh "$NEW_VERSION" 12 | if [ $? -ne 0 ]; then 13 | echo "Failed to update version. Aborting release." 14 | exit 1 15 | fi 16 | 17 | # Commit the changes 18 | git add src/github-custom-global-navigation.user.js 19 | git commit -m "Release commit for $NEW_VERSION" 20 | if [ $? -ne 0 ]; then 21 | echo "Failed to commit changes. Aborting release." 22 | exit 1 23 | fi 24 | 25 | # Create a tag 26 | git tag "$NEW_VERSION" 27 | if [ $? -ne 0 ]; then 28 | echo "Failed to create tag. Aborting release." 29 | exit 1 30 | fi 31 | 32 | # Push the commit 33 | git push 34 | if [ $? -ne 0 ]; then 35 | echo "Failed to push commit. Aborting release." 36 | exit 1 37 | fi 38 | 39 | # Push the tag 40 | git push origin "$NEW_VERSION" 41 | if [ $? -ne 0 ]; then 42 | echo "Failed to push tag. Aborting release." 43 | exit 1 44 | fi 45 | 46 | echo "Release $NEW_VERSION completed successfully." 47 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Blake Gearin 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 | -------------------------------------------------------------------------------- /.github/workflows/eslint.yml: -------------------------------------------------------------------------------- 1 | # This workflow uses actions that are not certified by GitHub. 2 | # They are provided by a third-party and are governed by 3 | # separate terms of service, privacy policy, and support 4 | # documentation. 5 | # ESLint is a tool for identifying and reporting on patterns 6 | # found in ECMAScript/JavaScript code. 7 | # More details at https://github.com/eslint/eslint 8 | # and https://eslint.org 9 | 10 | name: ESLint 11 | 12 | on: 13 | push: 14 | branches: [ "*" ] 15 | pull_request: 16 | branches: [ "*" ] 17 | 18 | jobs: 19 | eslint: 20 | name: Run eslint scanning 21 | runs-on: ubuntu-latest 22 | permissions: 23 | contents: read 24 | security-events: write 25 | actions: read # only required for a private repository by github/codeql-action/upload-sarif to get the Action run status 26 | steps: 27 | - name: Checkout code 28 | uses: actions/checkout@v3 29 | 30 | - name: Install ESLint 31 | run: | 32 | npm install eslint@8.10.0 33 | npm install @microsoft/eslint-formatter-sarif@2.1.7 34 | 35 | - name: Run ESLint 36 | run: npx eslint . 37 | --config .eslintrc.json 38 | --ext .js 39 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "github-custom-global-navigation", 3 | "description": "Userscript for customizing GitHub's global navigation", 4 | "main": "src/github-custom-global-navigation.user.js", 5 | "scripts": { 6 | "lint": "eslint src/github-custom-global-navigation.user.js", 7 | "clean": "eslint --fix src/github-custom-global-navigation.user.js", 8 | "fix": "npm run clean && git add src/github-custom-global-navigation.user.js", 9 | "prepare": "husky install", 10 | "update-version": "bash helpers/update-version.sh", 11 | "release": "bash helpers/release.sh" 12 | }, 13 | "repository": { 14 | "type": "git", 15 | "url": "git+https://github.com/blakegearin/github-custom-global-navigation.git" 16 | }, 17 | "keywords": [ 18 | "userscript", 19 | "github", 20 | "global-navigation" 21 | ], 22 | "author": "Blake Gearin", 23 | "license": "MIT", 24 | "bugs": { 25 | "url": "https://github.com/blakegearin/github-custom-global-navigation/issues" 26 | }, 27 | "homepage": "https://github.com/blakegearin/github-custom-global-navigation#readme", 28 | "devDependencies": { 29 | "eslint": "^8.52.0", 30 | "eslint-plugin-userscripts": "^0.4.0", 31 | "husky": "^8.0.3" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | Community contributions are welcome, despite experience level. If you'd like to contribute, please follow these guidelines. 4 | 5 | ## Bug Reports & Feature Requests 6 | 7 | If you find a bug or have a feature request, search on the [Issues page](https://github.com/blakegearin/github-custom-global-navigation/issues) to check if it's already been added. 8 | 9 | - If there is... 10 | 11 | - 👍 the original post 12 | - if you have additional details feel free to add a comment 13 | 14 | - If there isn't, feel free to create a [new issue](https://github.com/blakegearin/github-custom-global-navigation/issues/new) 15 | 16 | - if it's a bug report related to responsive design, please indicate what width(s) are impacted 17 | 18 | ## Code Contributions 19 | 20 | 1. Fork this repository on GitHub 21 | 1. Clone your forked repository to your local machine 22 | 1. Create a new branch for your feature or bug fix: `git checkout -b feature-or-bugfix-branch` 23 | 1. Remove or disable the original userscript if installed 24 | 1. Test your changes locally from your forked repository, via `@require file:///` 25 | 26 | 1. [Tampermonkey](https://www.tampermonkey.net/faq.php?locale=en#Q204) 27 | 1. [Violentmonkey](https://violentmonkey.github.io/posts/how-to-edit-scripts-with-your-favorite-editor/) 28 | 1. Greasemonkey [doesn't support](https://github.com/greasemonkey/greasemonkey/issues/3033) local files 29 | 30 | 1. Once finished, make sure to lint: `npm run lint` 31 | 32 | - Auto-fix: `npm run clean` 33 | 34 | 1. Push your changes to your forked repository 35 | 1. Rebase as needed to ensure your changes are in one (1) commit written in present, imperative tense 36 | 1. Open a pull request to this original repository 37 | -------------------------------------------------------------------------------- /img/dark_logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/light_logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/black_logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /img/white_logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /archive/2023-10-30/happy_medium/dark/github-com.css: -------------------------------------------------------------------------------- 1 | @media (min-width: 1012px) { 2 | .search-input { 3 | width: auto !important; 4 | } 5 | 6 | .AppHeader-globalBar-start { 7 | flex: 0 1 auto !important; 8 | } 9 | 10 | .AppHeader-globalBar-end { 11 | flex: 1 1 auto !important; 12 | justify-content: space-between !important; 13 | } 14 | 15 | #search-div { 16 | display: block !important; 17 | } 18 | 19 | .AppHeader-search-whenRegular { 20 | max-width: none !important; 21 | } 22 | } 23 | 24 | .AppHeader-actions::before { 25 | content: none !important; 26 | } 27 | 28 | #tooltip-3bd18354-24b1-4ce4-b965-4fdd20739db4 { 29 | display: none !important; 30 | } 31 | 32 | #tooltip-b8d5c60c-6ff5-4e87-9d00-7ea64b88eef7 { 33 | display: none !important; 34 | } 35 | 36 | #issues-div { 37 | display: none !important; 38 | } 39 | 40 | #pullRequests-div { 41 | display: none !important; 42 | } 43 | 44 | #issues-flip-div-clone, 45 | #pullRequests-flip-div-clone { 46 | display: initial !important; 47 | } 48 | 49 | #tooltip-827813f9-bb5e-47b5-92b6-9e91a524e3c4 { 50 | display: none !important; 51 | } 52 | 53 | #global-create-menu-button .Button-visual.Button-leadingVisual { 54 | margin-right: 0.25rem !important; 55 | } 56 | 57 | #global-create-menu-button { 58 | font-size: var(--text-body-size-medium, 0.875rem) !important; 59 | font-weight: var(--base-text-weight-medium, 500) !important; 60 | } 61 | 62 | #global-create-menu-button .Button-label { 63 | grid-area: initial !important; 64 | } 65 | 66 | #tooltip-b00df4c2-73fa-49c1-97c8-c19e95db0b05 { 67 | display: none !important; 68 | } 69 | 70 | #inbox-svg { 71 | display: none !important; 72 | } 73 | 74 | #bell-svg { 75 | display: initial !important; 76 | } 77 | 78 | #custom-notifications a { 79 | padding-left: 9px !important; 80 | padding-right: 9px !important; 81 | width: auto !important; 82 | text-decoration: none !important; 83 | display: flex !important; 84 | } 85 | 86 | .AppHeader-button.AppHeader-button--hasIndicator::before { 87 | top: 5px !important; 88 | left: 18px !important; 89 | } 90 | 91 | .AppHeader-localBar { 92 | background-color: #02040a !important; 93 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 94 | } 95 | 96 | .UnderlineNav { 97 | box-shadow: none !important; 98 | } 99 | 100 | .Overlay-backdrop--side { 101 | background-color: transparent !important; 102 | } 103 | 104 | .Overlay-backdrop--side { 105 | pointer-events: none !important; 106 | } 107 | 108 | .Overlay-backdrop--side > * { 109 | pointer-events: initial !important; 110 | } 111 | -------------------------------------------------------------------------------- /archive/2023-10-30/happy_medium/light/github-com.css: -------------------------------------------------------------------------------- 1 | @media (min-width: 1012px) { 2 | .search-input { 3 | width: auto !important; 4 | } 5 | 6 | .AppHeader-globalBar-start { 7 | flex: 0 1 auto !important; 8 | } 9 | 10 | .AppHeader-globalBar-end { 11 | flex: 1 1 auto !important; 12 | justify-content: space-between !important; 13 | } 14 | 15 | #search-div { 16 | display: block !important; 17 | } 18 | 19 | .AppHeader-search-whenRegular { 20 | max-width: none !important; 21 | } 22 | } 23 | 24 | .AppHeader-actions::before { 25 | content: none !important; 26 | } 27 | 28 | #tooltip-6a42fb51-abf5-4603-a8b1-dca5a2d2b8d8 { 29 | display: none !important; 30 | } 31 | 32 | #tooltip-ff8e4973-5ecd-4582-8e46-a1370e67c569 { 33 | display: none !important; 34 | } 35 | 36 | #issues-div { 37 | display: none !important; 38 | } 39 | 40 | #pullRequests-div { 41 | display: none !important; 42 | } 43 | 44 | #issues-flip-div-clone, 45 | #pullRequests-flip-div-clone { 46 | display: initial !important; 47 | } 48 | 49 | #tooltip-dc17057e-e266-4518-babd-bd0a13439602 { 50 | display: none !important; 51 | } 52 | 53 | #global-create-menu-button .Button-visual.Button-leadingVisual { 54 | margin-right: 0.25rem !important; 55 | } 56 | 57 | #global-create-menu-button { 58 | font-size: var(--text-body-size-medium, 0.875rem) !important; 59 | font-weight: var(--base-text-weight-medium, 500) !important; 60 | } 61 | 62 | #global-create-menu-button .Button-label { 63 | grid-area: initial !important; 64 | } 65 | 66 | #tooltip-77a6aa0c-270b-4a71-a9ca-33d8fe8f8b15 { 67 | display: none !important; 68 | } 69 | 70 | #inbox-svg { 71 | display: none !important; 72 | } 73 | 74 | #bell-svg { 75 | display: initial !important; 76 | } 77 | 78 | #custom-notifications a { 79 | padding-left: 9px !important; 80 | padding-right: 9px !important; 81 | width: auto !important; 82 | text-decoration: none !important; 83 | display: flex !important; 84 | } 85 | 86 | .AppHeader-button.AppHeader-button--hasIndicator::before { 87 | top: 5px !important; 88 | left: 18px !important; 89 | } 90 | 91 | .AppHeader-localBar { 92 | background-color: #f6f8fa !important; 93 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 94 | } 95 | 96 | .UnderlineNav { 97 | box-shadow: none !important; 98 | } 99 | 100 | .Overlay-backdrop--side { 101 | background-color: transparent !important; 102 | } 103 | 104 | .Overlay-backdrop--side { 105 | pointer-events: none !important; 106 | } 107 | 108 | .Overlay-backdrop--side > * { 109 | pointer-events: initial !important; 110 | } 111 | 112 | .AppHeader-user .Overlay-backdrop--side { 113 | padding-top: 10px !important; 114 | padding-right: 15px !important; 115 | border-top-right-radius: 6px !important; 116 | bottom: initial !important; 117 | top: initial !important; 118 | } 119 | 120 | .AppHeader-user modal-dialog { 121 | border-top-right-radius: var(--borderRadius-large, 0.75rem) !important; 122 | border-bottom-right-radius: var(--borderRadius-large, 0.75rem) !important; 123 | } 124 | 125 | .AppHeader-user modal-dialog div.Overlay-body > div { 126 | margin-bottom: 0px !important; 127 | } 128 | 129 | .AppHeader-user modal-dialog nav { 130 | padding-bottom: 0px !important; 131 | } 132 | -------------------------------------------------------------------------------- /archive/2023-10-30/happy_medium/dark/repo.css: -------------------------------------------------------------------------------- 1 | .customizedRepositoryHeader .border-bottom.mx-xl-5 { 2 | display: none !important; 3 | } 4 | 5 | .customizedRepositoryHeader { 6 | background-color: #02040a !important; 7 | } 8 | 9 | .customizedRepositoryHeader { 10 | flex: auto !important; 11 | } 12 | 13 | #repository-details-container { 14 | display: flex; 15 | align-items: center; 16 | } 17 | 18 | .customizedRepositoryHeader nav[role="navigation"] a { 19 | color: #6aaff9 !important; 20 | } 21 | 22 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 23 | color: var(--color-accent-fg) !important; 24 | background-color: transparent !important; 25 | text-decoration: underline !important; 26 | } 27 | 28 | .AppHeader-context { 29 | flex: 0 1 auto !important; 30 | height: auto !important; 31 | min-width: 0 !important; 32 | } 33 | 34 | @media (min-width: 768px) { 35 | .AppHeader-context .AppHeader-context-compact { 36 | display: none !important; 37 | } 38 | } 39 | 40 | .AppHeader-context .AppHeader-context-full { 41 | display: inline-flex !important; 42 | width: 100% !important; 43 | min-width: 0 !important; 44 | max-width: 100% !important; 45 | overflow: hidden !important; 46 | } 47 | 48 | .AppHeader-context .AppHeader-context-full ul { 49 | display: flex; 50 | flex-direction: row; 51 | } 52 | 53 | .AppHeader-context .AppHeader-context-full li:first-child { 54 | flex: 0 100 max-content; 55 | } 56 | 57 | .AppHeader-context .AppHeader-context-full li { 58 | display: inline-grid; 59 | grid-auto-flow: column; 60 | align-items: center; 61 | flex: 0 99999 auto; 62 | } 63 | 64 | .AppHeader-context .AppHeader-context-full ul, 65 | .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li { 66 | list-style: none; 67 | } 68 | 69 | .AppHeader-context .AppHeader-context-item { 70 | display: flex; 71 | align-items: center; 72 | min-width: 3ch; 73 | line-height: var(--text-body-lineHeight-medium, 1.4285714286); 74 | text-decoration: none !important; 75 | border-radius: var(--borderRadius-medium, 6px); 76 | padding-inline: var(--control-medium-paddingInline-condensed, 8px); 77 | padding-block: var(--control-medium-paddingBlock, 6px); 78 | } 79 | 80 | .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item { 81 | font-weight: var(--base-text-weight-semibold, 600); 82 | } 83 | 84 | .AppHeader-context .AppHeader-context-item-separator { 85 | color: var(--fgColor-muted, var(--color-fg-muted)); 86 | white-space: nowrap; 87 | } 88 | 89 | .AppHeader-globalBar { 90 | padding: 16px !important; 91 | } 92 | 93 | #custom-page-title { 94 | display: none !important; 95 | } 96 | 97 | @media (min-width: 1012px) { 98 | .search-input { 99 | width: auto !important; 100 | } 101 | 102 | .AppHeader-globalBar-start { 103 | flex: 0 1 auto !important; 104 | } 105 | 106 | .AppHeader-globalBar-end { 107 | flex: 1 1 auto !important; 108 | justify-content: space-between !important; 109 | } 110 | 111 | #search-div { 112 | display: block !important; 113 | } 114 | 115 | .AppHeader-search-whenRegular { 116 | max-width: none !important; 117 | } 118 | } 119 | 120 | .AppHeader-actions::before { 121 | content: none !important; 122 | } 123 | 124 | #tooltip-e787e173-6f52-4bae-9c9c-86fc6871c017 { 125 | display: none !important; 126 | } 127 | 128 | #tooltip-7bf259b5-a677-4f6e-9def-a61f953fbce5 { 129 | display: none !important; 130 | } 131 | 132 | #issues-div { 133 | display: none !important; 134 | } 135 | 136 | #pullRequests-div { 137 | display: none !important; 138 | } 139 | 140 | #issues-flip-div-clone, 141 | #pullRequests-flip-div-clone { 142 | display: initial !important; 143 | } 144 | 145 | #tooltip-e7689c86-9848-4821-bf34-b20a66d3a9d8 { 146 | display: none !important; 147 | } 148 | 149 | #global-create-menu-button .Button-visual.Button-leadingVisual { 150 | margin-right: 0.25rem !important; 151 | } 152 | 153 | #global-create-menu-button { 154 | font-size: var(--text-body-size-medium, 0.875rem) !important; 155 | font-weight: var(--base-text-weight-medium, 500) !important; 156 | } 157 | 158 | #global-create-menu-button .Button-label { 159 | grid-area: initial !important; 160 | } 161 | 162 | #tooltip-0f86dc9d-8eb4-4bad-aa3e-3c8e2ded9bf6 { 163 | display: none !important; 164 | } 165 | 166 | #inbox-svg { 167 | display: none !important; 168 | } 169 | 170 | #bell-svg { 171 | display: initial !important; 172 | } 173 | 174 | #custom-notifications a { 175 | padding-left: 9px !important; 176 | padding-right: 9px !important; 177 | width: auto !important; 178 | text-decoration: none !important; 179 | display: flex !important; 180 | } 181 | 182 | .AppHeader-button.AppHeader-button--hasIndicator::before { 183 | top: 5px !important; 184 | left: 18px !important; 185 | } 186 | 187 | .AppHeader-localBar { 188 | background-color: #02040a !important; 189 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 190 | } 191 | 192 | .UnderlineNav { 193 | box-shadow: none !important; 194 | } 195 | 196 | .Overlay-backdrop--side { 197 | background-color: transparent !important; 198 | } 199 | 200 | .Overlay-backdrop--side { 201 | pointer-events: none !important; 202 | } 203 | 204 | .Overlay-backdrop--side > * { 205 | pointer-events: initial !important; 206 | } 207 | -------------------------------------------------------------------------------- /archive/2023-10-30/happy_medium/light/repo.css: -------------------------------------------------------------------------------- 1 | .customizedRepositoryHeader .border-bottom.mx-xl-5 { 2 | display: none !important; 3 | } 4 | 5 | .customizedRepositoryHeader { 6 | background-color: #f6f8fa !important; 7 | } 8 | 9 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 10 | color: var(--color-accent-fg) !important; 11 | } 12 | 13 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 14 | background-color: transparent !important; 15 | } 16 | 17 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 18 | text-decoration: underline !important; 19 | } 20 | 21 | .customizedRepositoryHeader { 22 | flex: auto !important; 23 | } 24 | 25 | #repository-details-container { 26 | display: flex; 27 | align-items: center; 28 | } 29 | 30 | .AppHeader-context { 31 | flex: 0 1 auto !important; 32 | height: auto !important; 33 | min-width: 0 !important; 34 | } 35 | 36 | @media (min-width: 768px) { 37 | .AppHeader-context .AppHeader-context-compact { 38 | display: none !important; 39 | } 40 | } 41 | 42 | .AppHeader-context .AppHeader-context-full { 43 | display: inline-flex !important; 44 | width: 100% !important; 45 | min-width: 0 !important; 46 | max-width: 100% !important; 47 | overflow: hidden !important; 48 | } 49 | 50 | .AppHeader-context .AppHeader-context-full ul { 51 | display: flex; 52 | flex-direction: row; 53 | } 54 | 55 | .AppHeader-context .AppHeader-context-full li:first-child { 56 | flex: 0 100 max-content; 57 | } 58 | 59 | .AppHeader-context .AppHeader-context-full li { 60 | display: inline-grid; 61 | grid-auto-flow: column; 62 | align-items: center; 63 | flex: 0 99999 auto; 64 | } 65 | 66 | .AppHeader-context .AppHeader-context-full ul, 67 | .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li { 68 | list-style: none; 69 | } 70 | 71 | .AppHeader-context .AppHeader-context-item { 72 | display: flex; 73 | align-items: center; 74 | min-width: 3ch; 75 | line-height: var(--text-body-lineHeight-medium, 1.4285714286); 76 | text-decoration: none !important; 77 | border-radius: var(--borderRadius-medium, 6px); 78 | padding-inline: var(--control-medium-paddingInline-condensed, 8px); 79 | padding-block: var(--control-medium-paddingBlock, 6px); 80 | } 81 | 82 | .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item { 83 | font-weight: var(--base-text-weight-semibold, 600); 84 | } 85 | 86 | .AppHeader-context .AppHeader-context-item-separator { 87 | color: var(--fgColor-muted, var(--color-fg-muted)); 88 | white-space: nowrap; 89 | } 90 | 91 | .AppHeader-globalBar { 92 | padding: 16px !important; 93 | } 94 | 95 | #custom-page-title { 96 | display: none !important; 97 | } 98 | 99 | @media (min-width: 1012px) { 100 | .search-input { 101 | width: auto !important; 102 | } 103 | 104 | .AppHeader-globalBar-start { 105 | flex: 0 1 auto !important; 106 | } 107 | 108 | .AppHeader-globalBar-end { 109 | flex: 1 1 auto !important; 110 | justify-content: space-between !important; 111 | } 112 | 113 | #search-div { 114 | display: block !important; 115 | } 116 | 117 | .AppHeader-search-whenRegular { 118 | max-width: none !important; 119 | } 120 | } 121 | 122 | .AppHeader-actions::before { 123 | content: none !important; 124 | } 125 | 126 | #tooltip-7a85ca70-5736-46d3-a3a1-b903654b8751 { 127 | display: none !important; 128 | } 129 | 130 | #tooltip-322c5041-db00-48c1-afab-49d7f5c37655 { 131 | display: none !important; 132 | } 133 | 134 | #issues-div { 135 | display: none !important; 136 | } 137 | 138 | #pullRequests-div { 139 | display: none !important; 140 | } 141 | 142 | #issues-flip-div-clone, 143 | #pullRequests-flip-div-clone { 144 | display: initial !important; 145 | } 146 | 147 | #tooltip-702c6118-0335-497d-a047-80ecd1fff0f9 { 148 | display: none !important; 149 | } 150 | 151 | #global-create-menu-button .Button-visual.Button-leadingVisual { 152 | margin-right: 0.25rem !important; 153 | } 154 | 155 | #global-create-menu-button { 156 | font-size: var(--text-body-size-medium, 0.875rem) !important; 157 | font-weight: var(--base-text-weight-medium, 500) !important; 158 | } 159 | 160 | #global-create-menu-button .Button-label { 161 | grid-area: initial !important; 162 | } 163 | 164 | #tooltip-a95a7387-27d3-4839-b961-450c5ec6e93f { 165 | display: none !important; 166 | } 167 | 168 | #inbox-svg { 169 | display: none !important; 170 | } 171 | 172 | #bell-svg { 173 | display: initial !important; 174 | } 175 | 176 | #custom-notifications a { 177 | padding-left: 9px !important; 178 | padding-right: 9px !important; 179 | width: auto !important; 180 | text-decoration: none !important; 181 | display: flex !important; 182 | } 183 | 184 | .AppHeader-button.AppHeader-button--hasIndicator::before { 185 | top: 5px !important; 186 | left: 18px !important; 187 | } 188 | 189 | .AppHeader-localBar { 190 | background-color: #f6f8fa !important; 191 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 192 | } 193 | 194 | .UnderlineNav { 195 | box-shadow: none !important; 196 | } 197 | 198 | .Overlay-backdrop--side { 199 | background-color: transparent !important; 200 | } 201 | 202 | .Overlay-backdrop--side { 203 | pointer-events: none !important; 204 | } 205 | 206 | .Overlay-backdrop--side > * { 207 | pointer-events: initial !important; 208 | } 209 | 210 | .AppHeader-user .Overlay-backdrop--side { 211 | padding-top: 10px !important; 212 | padding-right: 15px !important; 213 | border-top-right-radius: 6px !important; 214 | bottom: initial !important; 215 | top: initial !important; 216 | } 217 | 218 | .AppHeader-user modal-dialog { 219 | border-top-right-radius: var(--borderRadius-large, 0.75rem) !important; 220 | border-bottom-right-radius: var(--borderRadius-large, 0.75rem) !important; 221 | } 222 | 223 | .AppHeader-user modal-dialog div.Overlay-body > div { 224 | margin-bottom: 0px !important; 225 | } 226 | 227 | .AppHeader-user modal-dialog nav { 228 | padding-bottom: 0px !important; 229 | } 230 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | GitHub Custom Global Navigation logo 9 | GitHub Custom Global Navigation logo 16 |

17 | 18 | # GitHub Custom Global Navigation 19 | 20 | ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fgreasyfork.org%2Fscripts%2F478687-github-custom-global-navigation.json&query=total_installs&suffix=%20installs&label=greasy%20fork&color=%23670000&link=https%3A%2F%2Fgreasyfork.org%2Fen%2Fscripts%2F478687-github-custom-global-navigation) 21 | ![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fopenuserjs.org%2Fmeta%2Fblakegearin%2FGitHub_Custom_Global_Navigation.meta.json&query=%24.OpenUserJS.installs%5B0%5D.value&suffix=%20installs&label=openuserjs&color=%23202d3b&link=https%3A%2F%2Fopenuserjs.org%2Fscripts%2Fblakegearin%2FGitHub_Custom_Global_Navigation) 22 | [![MIT](https://img.shields.io/badge/license-MIT-blue)](LICENSE) 23 | 24 | This is a [userscript](https://openuserjs.org/about/Userscript-Beginners-HOWTO) to customize the global navigation of GitHub. 25 | 26 | ## Usage 27 | 28 | 1. Install a userscript manager like [Tampermonkey](https://www.tampermonkey.net), [Violentmonkey](https://violentmonkey.github.io), or [Greasemonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/) 29 | 1. Go to [GreasyFork](https://greasyfork.org/en/scripts/478687-github-custom-global-navigation) or [OpenUserJS](https://openuserjs.org/scripts/blakegearin/GitHub_Custom_Global_Navigation) 30 | 1. Click the install button 31 | 1. The userscript will open in your userscript manager where you can install it 32 | 1. Once installed, click your avatar in the top right to open the sidebar 33 | 1. "Customize global navigation" will be listed underneath the regular "Settings" option 34 | 35 | menu option for 'Customize global navigation' 42 | 43 | ## Documentation 44 | 45 | ### Configurations 46 | 47 | There are two (2) preset configurations that are actively maintained and supported. 48 | 49 | #### Happy Medium 50 | 51 | This previews some the best features and aims to deliver a [happy medium](https://dictionary.cambridge.org/dictionary/english/happy-medium) between the old and new styles without compromising on accessibility. It relies more on Github's CSS variables in hopes of adapting to their changes. 52 | 53 | ![light header](img/happy_medium_light.png) 54 | 55 | ![dark header](img/happy_medium_dark.png) 56 | 57 | #### Old School 58 | 59 | This aims to deliver an experience as close to the style March 2023 as reasonably possible without compromising on accessibility. Where applicable, it uses hardcoded values instead of CSS variables to prevent side effects from GitHub's changes. 60 | 61 | ![light header](img/old_school_light.png) 62 | 63 | ![dark header](img/old_school_dark.png) 64 | 65 | ### Accessability 66 | 67 | Accessibility is important. GitHub [agrees](https://accessibility.github.com). 68 | 69 | This userscript should not make GitHub less accessible. However, this userscript doesn't go _out of its way_ to improve accessability on existing elements, and elements added try to be consistent with existing ones. 70 | 71 | If you have an accessibility concern with the userscript's operations or additions, please create a new issue. 72 | 73 | ### Responsive Design 74 | 75 | GitHub's new design is responsive, hiding and condensing more elements as screen width decreases. There are breakpoints at `1011px` and `768px`. 76 | 77 | Because this userscript is highly customizable, it's complex to make every possible variant similarly responsive. However, the default configurations can be regularly tested during development. It's also worth noting userscripts are not popularly run on tablets or phones. 78 | 79 | With these considerations in mind, this is the support priority order of screen widths: 80 | 81 | 1. `1011px` - `1920px` (e.g. laptops) 82 | 1. `1920px` and up (e.g. external monitors) 83 | 1. `1011px` and below (e.g. tablets, phones) 84 | 85 | ### Theming 86 | 87 | As of the time of writing, GitHub supports four (4) light and an equal number of dark themes. 88 | 89 | This userscript does not have first-class support for sub-themes, but can tell light or dark preference either from GitHub (`data-color-mode`) or falling back to browser-level (`data-color-mode`), which typically matches the OS-level. 90 | 91 | ### Archiving 92 | 93 | Part of the challenge of maintaining the Old School configuration is finding enough archival resources to make it accurate. To help maintain this project and in the spirit of aiding future developers, the HTML of the main `header` tag and `repository-container-header` will be archived periodically. These elements will also be archived in a post-script state for each supported configuration. 94 | 95 | The following pages are the archival targets: 96 | 97 | - [GitHub home](https://github.com/) 98 | - [Example repository](https://github.com/ruby/debug) 99 | 100 | ### Maintenance 101 | 102 | This was built with long-term maintenance in mind. 103 | 104 | - Keeping selectors neatly sorted and in one place 105 | - Minimizing DOM traversal 106 | - Adding unique IDs to relevant HTML elements that don't have good selectors 107 | - Logging errors cleanly 108 | 109 | ## Background 110 | 111 | In April 2023, GitHub released a public beta for a redesigned global navigation and asked for [feedback](https://github.com/orgs/community/discussions/52083). 112 | 113 | In October 2023, GitHub initiated a [public rollout](https://github.blog/changelog/2023-10-17-redesigned-navigation-now-available-to-all-users/) and removed the opt-out from [Release preview](https://docs.github.com/en/get-started/using-github/exploring-early-access-releases-with-feature-preview). 114 | 115 | ## Credit 116 | 117 | - Colors, icons, and element properties for theming were collected from a variety of sources 118 | - [Internet Archive](https://archive.org) ([donate](https://archive.org/donate)) 119 | - [GitHub](https://github.com/) 120 | - [Gist](https://gist.github.com/) 121 | - [YouTube](https://www.youtube.com) [1][2][3] 122 | 123 | - If you have video sources that show Old School user navigation around the website (or better yet, some HTML), please contribute to [this thread](https://github.com/blakegearin/github-custom-global-navigation/issues/1) 124 | 125 | - Menu 126 | 127 | - Dependency: [GM_config](https://github.com/sizzlemctwizzle/GM_config) 128 | 129 | - Archiving 130 | 131 | - Formatter: [Web Formatter](https://webformatter.com/html) 132 | 133 | - Logo 134 | 135 | - Silhouette: [Mohamed Hassan](https://pixabay.com/vectors/silhouette-octopus-vector-graphic-3313481/) 136 | 137 | - Optimization: [SVGOMG](https://svgomg.net) 138 | 139 | ## Disclaimer 140 | 141 | Not affiliated with Microsoft Corporation, GitHub, Inc., or any of their affiliations. 142 | 143 | ## Related Projects 144 | 145 | Miss the old design of Slack too? Check out my userscript: [Old School Slack](https://github.com/blakegearin/old-school-slack#readme) 146 | 147 | Miss the old design of YouTube's player too? Check out my userstyle: [Old School YouTube Player](https://github.com/blakegearin/old-school-youtube-player#readme) 148 | 149 | Want to customize the favicon for different GitHub tabs? I'm working on a solution for that too: [Favicon Packs](https://github.com/blakegearin/favicon-packs#readme) 150 | -------------------------------------------------------------------------------- /archive/2023-10-30/old_school/light/github-com.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 767.98px) { 2 | action-menu { 3 | display: none !important; 4 | } 5 | } 6 | 7 | header.AppHeader { 8 | background-color: #161c20 !important; 9 | } 10 | 11 | .AppHeader-globalBar-start deferred-side-panel { 12 | display: none !important; 13 | } 14 | 15 | .AppHeader-logo svg path { 16 | fill: #e6edf3 !important; 17 | } 18 | 19 | #custom-page-title { 20 | display: none !important; 21 | } 22 | 23 | #search-div { 24 | display: none !important; 25 | } 26 | 27 | #search-div-clone { 28 | display: initial !important; 29 | } 30 | 31 | #search-div .search-input { 32 | display: none !important; 33 | } 34 | 35 | #search-div { 36 | flex-grow: 1 !important; 37 | } 38 | 39 | #search-div-clone { 40 | flex: 0 1 auto !important; 41 | justify-content: flex-start !important; 42 | } 43 | 44 | @media (min-width: 1012px) { 45 | #search-div-clone, 46 | .search-input { 47 | width: calc(var(--feed-sidebar) - 67px) !important; 48 | } 49 | } 50 | 51 | @media (min-width: 768px) { 52 | #search-div-clone, 53 | .search-input { 54 | --feed-sidebar: 320px; 55 | } 56 | } 57 | 58 | @media (min-width: 1400px) { 59 | #search-div-clone, 60 | .search-input { 61 | --feed-sidebar: 336px; 62 | } 63 | } 64 | 65 | #AppHeader-commandPalette-button { 66 | display: none !important; 67 | } 68 | 69 | #qb-input-query { 70 | color: #b3b3b5 !important; 71 | } 72 | 73 | [data-target="qbsearch-input.inputButton"] { 74 | background-color: #494d54 !important; 75 | } 76 | 77 | .search-input button { 78 | border-color: #30363d !important; 79 | } 80 | 81 | [data-target="qbsearch-input.inputButton"] { 82 | box-shadow: none !important; 83 | } 84 | 85 | .AppHeader-search-control label { 86 | display: none !important; 87 | } 88 | 89 | [data-target="qbsearch-input.queryBuilderContainer"] { 90 | width: 450px !important; 91 | } 92 | 93 | #qb-input-query { 94 | width: 100% !important; 95 | } 96 | 97 | .AppHeader-search-control .overflow-hidden { 98 | display: flex !important; 99 | } 100 | 101 | [data-target="qbsearch-input.inputButton"] { 102 | padding-inline-start: 8px !important; 103 | } 104 | 105 | .AppHeader-actions::before { 106 | content: none !important; 107 | } 108 | 109 | #tooltip-222c83bd-40f9-409c-8fde-202558bc1741 { 110 | display: none !important; 111 | } 112 | 113 | #issues-div { 114 | display: none !important; 115 | } 116 | 117 | #issues-flip-div-clone { 118 | display: initial !important; 119 | } 120 | 121 | #issues-svg { 122 | display: none !important; 123 | } 124 | 125 | #issues-text-content-span { 126 | color: #f0f6fc !important; 127 | } 128 | 129 | #issues-flip-div-clone a { 130 | border: none !important; 131 | } 132 | 133 | #issues-flip-div-clone a { 134 | box-shadow: none !important; 135 | } 136 | 137 | #issues-flip-div-clone a:hover { 138 | background-color: transparent !important; 139 | } 140 | 141 | #issues-flip-div-clone a span:hover { 142 | color: #ffffffb3 !important; 143 | } 144 | 145 | #tooltip-d58f0750-ef4b-4dae-aa8c-0bef1eb95b58 { 146 | display: none !important; 147 | } 148 | 149 | #pullRequests-div { 150 | display: none !important; 151 | } 152 | 153 | #pullRequests-flip-div-clone { 154 | display: initial !important; 155 | } 156 | 157 | #pullRequests-svg { 158 | display: none !important; 159 | } 160 | 161 | #pullRequests-text-content-span { 162 | color: #f0f6fc !important; 163 | } 164 | 165 | #pullRequests-flip-div-clone a { 166 | border: none !important; 167 | } 168 | 169 | #pullRequests-flip-div-clone a { 170 | box-shadow: none !important; 171 | } 172 | 173 | #pullRequests-flip-div-clone a:hover { 174 | background-color: transparent !important; 175 | } 176 | 177 | #pullRequests-flip-div-clone a span:hover { 178 | color: #ffffffb3 !important; 179 | } 180 | 181 | #issues-div-clone { 182 | display: none !important; 183 | } 184 | 185 | #pullRequests-div-clone { 186 | display: none !important; 187 | } 188 | 189 | #issues-flip-div-clone, 190 | #pullRequests-flip-div-clone { 191 | display: initial !important; 192 | } 193 | 194 | #tooltip-36e6ec0d-aaed-407d-9e4e-ce792e88fb2c { 195 | display: none !important; 196 | } 197 | 198 | #global-create-menu-button .Button-visual.Button-leadingVisual { 199 | color: #f0f6fc !important; 200 | } 201 | 202 | #global-create-menu-button:hover .Button-visual.Button-leadingVisual svg path { 203 | fill: #ffffffb3 !important; 204 | } 205 | 206 | #global-create-menu-button .Button-visual.Button-leadingVisual { 207 | margin-right: 0px !important; 208 | } 209 | 210 | #global-create-menu-button .Button-label { 211 | grid-area: initial !important; 212 | } 213 | 214 | #global-create-menu-button .Button-label { 215 | color: #f0f6fc !important; 216 | } 217 | 218 | #global-create-menu-button:hover .Button-label svg path { 219 | fill: #ffffffb3 !important; 220 | } 221 | 222 | #global-create-menu-button { 223 | border: none !important; 224 | } 225 | 226 | #global-create-menu-button { 227 | box-shadow: none !important; 228 | } 229 | 230 | #global-create-menu-button:hover { 231 | background-color: transparent !important; 232 | } 233 | 234 | #tooltip-ec066f98-753e-4cc5-a62d-cfefeaea4e0a { 235 | display: none !important; 236 | } 237 | 238 | .AppHeader-button.AppHeader-button--hasIndicator::before { 239 | background: #2f81f7 !important; 240 | } 241 | 242 | .AppHeader-button.AppHeader-button--hasIndicator::before { 243 | box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) #161c20 !important; 244 | } 245 | 246 | #inbox-svg { 247 | display: none !important; 248 | } 249 | 250 | #bell-svg { 251 | display: initial !important; 252 | } 253 | 254 | #bell-svg path { 255 | fill: #f0f6fc !important; 256 | } 257 | 258 | #custom-notifications-flip-clone a:hover svg path { 259 | fill: #ffffffb3 !important; 260 | } 261 | 262 | #custom-notifications-flip-clone a { 263 | border: none !important; 264 | } 265 | 266 | #custom-notifications-flip-clone a { 267 | box-shadow: none !important; 268 | } 269 | 270 | .AppHeader-button.AppHeader-button--hasIndicator::before { 271 | top: 5px !important; 272 | left: 18px !important; 273 | } 274 | 275 | #custom-notifications-flip-clone a:hover { 276 | background-color: transparent !important; 277 | } 278 | 279 | #create-div { 280 | display: none !important; 281 | } 282 | 283 | #custom-notifications { 284 | display: none !important; 285 | } 286 | 287 | #create-div-flip-clone, 288 | #custom-notifications-flip-clone { 289 | display: initial !important; 290 | } 291 | 292 | .AppHeader-user button img.avatar { 293 | height: 24px !important; 294 | width: 24px !important; 295 | } 296 | 297 | .AppHeader-user { 298 | background-color: transparent !important; 299 | } 300 | 301 | #avatar-dropdown { 302 | display: initial !important; 303 | fill: #ffffff; 304 | height: 16px; 305 | width: 16px; 306 | margin-bottom: 1.5px; 307 | } 308 | 309 | .AppHeader-user button:hover #avatar-dropdown path { 310 | fill: #ffffffb3 !important; 311 | } 312 | 313 | .AppHeader-user button { 314 | gap: 0px !important; 315 | } 316 | 317 | .AppHeader-globalBar { 318 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) #21262d !important; 319 | } 320 | 321 | .AppHeader-globalBar-end { 322 | gap: 2px !important; 323 | } 324 | 325 | .AppHeader-globalBar-start { 326 | gap: 0.75rem !important; 327 | } 328 | 329 | .AppHeader-localBar { 330 | background-color: #fafbfd !important; 331 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 332 | } 333 | 334 | .UnderlineNav-actions { 335 | display: initial !important; 336 | padding-right: 0px !important; 337 | } 338 | 339 | .AppHeader-localBar nav { 340 | max-width: 1280px; 341 | margin-right: auto; 342 | margin-left: auto; 343 | } 344 | 345 | @media (min-width: 768px) { 346 | .AppHeader-localBar nav { 347 | padding-right: var(--base-size-24, 24px) !important; 348 | padding-left: var(--base-size-24, 24px) !important; 349 | } 350 | } 351 | 352 | @media (min-width: 1012px) { 353 | .AppHeader-localBar nav { 354 | padding-right: var(--base-size-32, 32px) !important; 355 | padding-left: var(--base-size-32, 32px) !important; 356 | } 357 | } 358 | 359 | .UnderlineNav { 360 | box-shadow: none !important; 361 | } 362 | 363 | .Overlay-backdrop--side { 364 | background-color: transparent !important; 365 | } 366 | 367 | .Overlay-backdrop--side { 368 | pointer-events: none !important; 369 | } 370 | 371 | .Overlay-backdrop--side > * { 372 | pointer-events: initial !important; 373 | } 374 | 375 | .AppHeader-user .Overlay-backdrop--side { 376 | padding-top: 10px !important; 377 | padding-right: 15px !important; 378 | border-top-right-radius: 6px !important; 379 | bottom: initial !important; 380 | top: initial !important; 381 | } 382 | 383 | .AppHeader-user modal-dialog { 384 | border-top-right-radius: var(--borderRadius-large, 0.75rem) !important; 385 | border-bottom-right-radius: var(--borderRadius-large, 0.75rem) !important; 386 | } 387 | 388 | .AppHeader-user modal-dialog div.Overlay-body > div { 389 | margin-bottom: 0px !important; 390 | } 391 | 392 | .AppHeader-user modal-dialog nav { 393 | padding-bottom: 0px !important; 394 | } 395 | 396 | .AppHeader-user modal-dialog { 397 | max-height: 50vh !important; 398 | } 399 | -------------------------------------------------------------------------------- /archive/2023-10-30/old_school/light/repo.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 767.98px) { 2 | action-menu { 3 | display: none !important; 4 | } 5 | } 6 | 7 | header.AppHeader { 8 | background-color: #161c20 !important; 9 | } 10 | 11 | .AppHeader-globalBar-start deferred-side-panel { 12 | display: none !important; 13 | } 14 | 15 | .AppHeader-logo svg path { 16 | fill: #e6edf3 !important; 17 | } 18 | 19 | .customizedRepositoryHeader .border-bottom.mx-xl-5 { 20 | display: none !important; 21 | } 22 | 23 | .customizedRepositoryHeader { 24 | background-color: #fafbfd !important; 25 | } 26 | 27 | .customizedRepositoryHeader { 28 | max-width: 1280px; 29 | margin-right: auto; 30 | margin-left: auto; 31 | } 32 | 33 | .customizedRepositoryHeader div { 34 | padding-left: 0px !important; 35 | padding-right: 0px !important; 36 | } 37 | 38 | @media (min-width: 768px) { 39 | .customizedRepositoryHeader { 40 | padding-right: var(--base-size-24, 24px) !important; 41 | padding-left: var(--base-size-24, 24px) !important; 42 | } 43 | } 44 | 45 | @media (min-width: 1012px) { 46 | .customizedRepositoryHeader { 47 | padding-right: var(--base-size-32, 32px) !important; 48 | padding-left: var(--base-size-32, 32px) !important; 49 | } 50 | } 51 | 52 | .customizedRepositoryHeader { 53 | flex: auto !important; 54 | } 55 | 56 | #repository-details-container { 57 | display: flex; 58 | align-items: center; 59 | } 60 | 61 | .customizedRepositoryHeader nav[role="navigation"] a { 62 | color: #2f81f7 !important; 63 | } 64 | 65 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 66 | color: #0969da !important; 67 | background-color: transparent !important; 68 | text-decoration: underline !important; 69 | } 70 | 71 | .AppHeader-context { 72 | flex: 0 1 auto !important; 73 | height: auto !important; 74 | min-width: 0 !important; 75 | } 76 | 77 | @media (min-width: 768px) { 78 | .AppHeader-context .AppHeader-context-compact { 79 | display: none !important; 80 | } 81 | } 82 | 83 | .AppHeader-context .AppHeader-context-full { 84 | display: inline-flex !important; 85 | width: 100% !important; 86 | min-width: 0 !important; 87 | max-width: 100% !important; 88 | overflow: hidden !important; 89 | } 90 | 91 | .AppHeader-context .AppHeader-context-full ul { 92 | display: flex; 93 | flex-direction: row; 94 | } 95 | 96 | .AppHeader-context .AppHeader-context-full li:first-child { 97 | flex: 0 100 max-content; 98 | } 99 | 100 | .AppHeader-context .AppHeader-context-full li { 101 | display: inline-grid; 102 | grid-auto-flow: column; 103 | align-items: center; 104 | flex: 0 99999 auto; 105 | } 106 | 107 | .AppHeader-context .AppHeader-context-full ul, 108 | .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li { 109 | list-style: none; 110 | } 111 | 112 | .AppHeader-context .AppHeader-context-item { 113 | display: flex; 114 | align-items: center; 115 | min-width: 3ch; 116 | line-height: var(--text-body-lineHeight-medium, 1.4285714286); 117 | text-decoration: none !important; 118 | border-radius: var(--borderRadius-medium, 6px); 119 | padding-inline: var(--control-medium-paddingInline-condensed, 8px); 120 | padding-block: var(--control-medium-paddingBlock, 6px); 121 | } 122 | 123 | .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item { 124 | font-weight: var(--base-text-weight-semibold, 600); 125 | } 126 | 127 | .AppHeader-context .AppHeader-context-item-separator { 128 | color: var(--fgColor-muted, var(--color-fg-muted)); 129 | white-space: nowrap; 130 | } 131 | 132 | .AppHeader-globalBar { 133 | padding: 16px !important; 134 | } 135 | 136 | #custom-page-title { 137 | display: none !important; 138 | } 139 | 140 | #custom-page-title { 141 | display: none !important; 142 | } 143 | 144 | #search-div { 145 | display: none !important; 146 | } 147 | 148 | #search-div-clone { 149 | display: initial !important; 150 | } 151 | 152 | #search-div .search-input { 153 | display: none !important; 154 | } 155 | 156 | #search-div { 157 | flex-grow: 1 !important; 158 | } 159 | 160 | #search-div-clone { 161 | flex: 0 1 auto !important; 162 | justify-content: flex-start !important; 163 | } 164 | 165 | @media (min-width: 1012px) { 166 | #search-div-clone, 167 | .search-input { 168 | width: calc(var(--feed-sidebar) - 67px) !important; 169 | } 170 | } 171 | 172 | @media (min-width: 768px) { 173 | #search-div-clone, 174 | .search-input { 175 | --feed-sidebar: 320px; 176 | } 177 | } 178 | 179 | @media (min-width: 1400px) { 180 | #search-div-clone, 181 | .search-input { 182 | --feed-sidebar: 336px; 183 | } 184 | } 185 | 186 | #AppHeader-commandPalette-button { 187 | display: none !important; 188 | } 189 | 190 | #qb-input-query { 191 | color: #b3b3b5 !important; 192 | } 193 | 194 | [data-target="qbsearch-input.inputButton"] { 195 | background-color: #494d54 !important; 196 | } 197 | 198 | .search-input button { 199 | border-color: #30363d !important; 200 | } 201 | 202 | [data-target="qbsearch-input.inputButton"] { 203 | box-shadow: none !important; 204 | } 205 | 206 | .AppHeader-search-control label { 207 | display: none !important; 208 | } 209 | 210 | [data-target="qbsearch-input.queryBuilderContainer"] { 211 | width: 450px !important; 212 | } 213 | 214 | #qb-input-query { 215 | width: 100% !important; 216 | } 217 | 218 | .AppHeader-search-control .overflow-hidden { 219 | display: flex !important; 220 | } 221 | 222 | [data-target="qbsearch-input.inputButton"] { 223 | padding-inline-start: 8px !important; 224 | } 225 | 226 | .AppHeader-actions::before { 227 | content: none !important; 228 | } 229 | 230 | #tooltip-5ea97ab2-fd4e-41cf-9a6c-d45bdcf8a809 { 231 | display: none !important; 232 | } 233 | 234 | #issues-div { 235 | display: none !important; 236 | } 237 | 238 | #issues-flip-div-clone { 239 | display: initial !important; 240 | } 241 | 242 | #issues-svg { 243 | display: none !important; 244 | } 245 | 246 | #issues-text-content-span { 247 | color: #f0f6fc !important; 248 | } 249 | 250 | #issues-flip-div-clone a { 251 | border: none !important; 252 | } 253 | 254 | #issues-flip-div-clone a { 255 | box-shadow: none !important; 256 | } 257 | 258 | #issues-flip-div-clone a:hover { 259 | background-color: transparent !important; 260 | } 261 | 262 | #issues-flip-div-clone a span:hover { 263 | color: #ffffffb3 !important; 264 | } 265 | 266 | #tooltip-0d4d9abc-7f1c-4d92-ab95-9238e8fd6a68 { 267 | display: none !important; 268 | } 269 | 270 | #pullRequests-div { 271 | display: none !important; 272 | } 273 | 274 | #pullRequests-flip-div-clone { 275 | display: initial !important; 276 | } 277 | 278 | #pullRequests-svg { 279 | display: none !important; 280 | } 281 | 282 | #pullRequests-text-content-span { 283 | color: #f0f6fc !important; 284 | } 285 | 286 | #pullRequests-flip-div-clone a { 287 | border: none !important; 288 | } 289 | 290 | #pullRequests-flip-div-clone a { 291 | box-shadow: none !important; 292 | } 293 | 294 | #pullRequests-flip-div-clone a:hover { 295 | background-color: transparent !important; 296 | } 297 | 298 | #pullRequests-flip-div-clone a span:hover { 299 | color: #ffffffb3 !important; 300 | } 301 | 302 | #issues-div-clone { 303 | display: none !important; 304 | } 305 | 306 | #pullRequests-div-clone { 307 | display: none !important; 308 | } 309 | 310 | #issues-flip-div-clone, 311 | #pullRequests-flip-div-clone { 312 | display: initial !important; 313 | } 314 | 315 | #tooltip-91a9a216-df8a-4e07-90a0-6cbdc0fed42c { 316 | display: none !important; 317 | } 318 | 319 | #global-create-menu-button .Button-visual.Button-leadingVisual { 320 | color: #f0f6fc !important; 321 | } 322 | 323 | #global-create-menu-button:hover .Button-visual.Button-leadingVisual svg path { 324 | fill: #ffffffb3 !important; 325 | } 326 | 327 | #global-create-menu-button .Button-visual.Button-leadingVisual { 328 | margin-right: 0px !important; 329 | } 330 | 331 | #global-create-menu-button .Button-label { 332 | grid-area: initial !important; 333 | } 334 | 335 | #global-create-menu-button .Button-label { 336 | color: #f0f6fc !important; 337 | } 338 | 339 | #global-create-menu-button:hover .Button-label svg path { 340 | fill: #ffffffb3 !important; 341 | } 342 | 343 | #global-create-menu-button { 344 | border: none !important; 345 | } 346 | 347 | #global-create-menu-button { 348 | box-shadow: none !important; 349 | } 350 | 351 | #global-create-menu-button:hover { 352 | background-color: transparent !important; 353 | } 354 | 355 | #tooltip-209687a6-2f7b-445a-9653-426a984df0b6 { 356 | display: none !important; 357 | } 358 | 359 | .AppHeader-button.AppHeader-button--hasIndicator::before { 360 | background: #2f81f7 !important; 361 | } 362 | 363 | .AppHeader-button.AppHeader-button--hasIndicator::before { 364 | box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) #161c20 !important; 365 | } 366 | 367 | #inbox-svg { 368 | display: none !important; 369 | } 370 | 371 | #bell-svg { 372 | display: initial !important; 373 | } 374 | 375 | #bell-svg path { 376 | fill: #f0f6fc !important; 377 | } 378 | 379 | #custom-notifications-flip-clone a:hover svg path { 380 | fill: #ffffffb3 !important; 381 | } 382 | 383 | #custom-notifications-flip-clone a { 384 | border: none !important; 385 | } 386 | 387 | #custom-notifications-flip-clone a { 388 | box-shadow: none !important; 389 | } 390 | 391 | .AppHeader-button.AppHeader-button--hasIndicator::before { 392 | top: 5px !important; 393 | left: 18px !important; 394 | } 395 | 396 | #custom-notifications-flip-clone a:hover { 397 | background-color: transparent !important; 398 | } 399 | 400 | #create-div { 401 | display: none !important; 402 | } 403 | 404 | #custom-notifications { 405 | display: none !important; 406 | } 407 | 408 | #create-div-flip-clone, 409 | #custom-notifications-flip-clone { 410 | display: initial !important; 411 | } 412 | 413 | .AppHeader-user button img.avatar { 414 | height: 24px !important; 415 | width: 24px !important; 416 | } 417 | 418 | .AppHeader-user { 419 | background-color: transparent !important; 420 | } 421 | 422 | #avatar-dropdown { 423 | display: initial !important; 424 | fill: #ffffff; 425 | height: 16px; 426 | width: 16px; 427 | margin-bottom: 1.5px; 428 | } 429 | 430 | .AppHeader-user button:hover #avatar-dropdown path { 431 | fill: #ffffffb3 !important; 432 | } 433 | 434 | .AppHeader-user button { 435 | gap: 0px !important; 436 | } 437 | 438 | .AppHeader-globalBar { 439 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) #21262d !important; 440 | } 441 | 442 | .AppHeader-globalBar-end { 443 | gap: 2px !important; 444 | } 445 | 446 | .AppHeader-globalBar-start { 447 | gap: 0.75rem !important; 448 | } 449 | 450 | .AppHeader-localBar { 451 | background-color: #fafbfd !important; 452 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 453 | } 454 | 455 | .UnderlineNav-actions { 456 | display: initial !important; 457 | padding-right: 0px !important; 458 | } 459 | 460 | .AppHeader-localBar nav { 461 | max-width: 1280px; 462 | margin-right: auto; 463 | margin-left: auto; 464 | } 465 | 466 | @media (min-width: 768px) { 467 | .AppHeader-localBar nav { 468 | padding-right: var(--base-size-24, 24px) !important; 469 | padding-left: var(--base-size-24, 24px) !important; 470 | } 471 | } 472 | 473 | @media (min-width: 1012px) { 474 | .AppHeader-localBar nav { 475 | padding-right: var(--base-size-32, 32px) !important; 476 | padding-left: var(--base-size-32, 32px) !important; 477 | } 478 | } 479 | 480 | .UnderlineNav { 481 | box-shadow: none !important; 482 | } 483 | 484 | .Overlay-backdrop--side { 485 | background-color: transparent !important; 486 | } 487 | 488 | .Overlay-backdrop--side { 489 | pointer-events: none !important; 490 | } 491 | 492 | .Overlay-backdrop--side > * { 493 | pointer-events: initial !important; 494 | } 495 | 496 | .AppHeader-user .Overlay-backdrop--side { 497 | padding-top: 10px !important; 498 | padding-right: 15px !important; 499 | border-top-right-radius: 6px !important; 500 | bottom: initial !important; 501 | top: initial !important; 502 | } 503 | 504 | .AppHeader-user modal-dialog { 505 | border-top-right-radius: var(--borderRadius-large, 0.75rem) !important; 506 | border-bottom-right-radius: var(--borderRadius-large, 0.75rem) !important; 507 | } 508 | 509 | .AppHeader-user modal-dialog div.Overlay-body > div { 510 | margin-bottom: 0px !important; 511 | } 512 | 513 | .AppHeader-user modal-dialog nav { 514 | padding-bottom: 0px !important; 515 | } 516 | 517 | .AppHeader-user modal-dialog { 518 | max-height: 50vh !important; 519 | } 520 | -------------------------------------------------------------------------------- /archive/2023-10-30/old_school/dark/repo.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 767.98px) { 2 | action-menu { 3 | display: none !important; 4 | } 5 | } 6 | 7 | header.AppHeader { 8 | background-color: #161c20 !important; 9 | } 10 | 11 | .AppHeader-globalBar-start deferred-side-panel { 12 | display: none !important; 13 | } 14 | 15 | .AppHeader-logo svg path { 16 | fill: #e6edf3 !important; 17 | } 18 | 19 | .customizedRepositoryHeader .border-bottom.mx-xl-5 { 20 | display: none !important; 21 | } 22 | 23 | .customizedRepositoryHeader { 24 | background-color: #0d1116 !important; 25 | } 26 | 27 | .customizedRepositoryHeader { 28 | max-width: 1280px; 29 | margin-right: auto; 30 | margin-left: auto; 31 | } 32 | 33 | .customizedRepositoryHeader div { 34 | padding-left: 0px !important; 35 | padding-right: 0px !important; 36 | } 37 | 38 | @media (min-width: 768px) { 39 | .customizedRepositoryHeader { 40 | padding-right: var(--base-size-24, 24px) !important; 41 | padding-left: var(--base-size-24, 24px) !important; 42 | } 43 | } 44 | 45 | @media (min-width: 1012px) { 46 | .customizedRepositoryHeader { 47 | padding-right: var(--base-size-32, 32px) !important; 48 | padding-left: var(--base-size-32, 32px) !important; 49 | } 50 | } 51 | 52 | .customizedRepositoryHeader { 53 | flex: auto !important; 54 | } 55 | 56 | #repository-details-container { 57 | display: flex; 58 | align-items: center; 59 | } 60 | 61 | .customizedRepositoryHeader nav[role="navigation"] a { 62 | color: #58a6ff !important; 63 | } 64 | 65 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 66 | color: #2f81f7 !important; 67 | background-color: transparent !important; 68 | text-decoration: underline !important; 69 | } 70 | 71 | .AppHeader-context { 72 | flex: 0 1 auto !important; 73 | height: auto !important; 74 | min-width: 0 !important; 75 | } 76 | 77 | @media (min-width: 768px) { 78 | .AppHeader-context .AppHeader-context-compact { 79 | display: none !important; 80 | } 81 | } 82 | 83 | .AppHeader-context .AppHeader-context-full { 84 | display: inline-flex !important; 85 | width: 100% !important; 86 | min-width: 0 !important; 87 | max-width: 100% !important; 88 | overflow: hidden !important; 89 | } 90 | 91 | .AppHeader-context .AppHeader-context-full ul { 92 | display: flex; 93 | flex-direction: row; 94 | } 95 | 96 | .AppHeader-context .AppHeader-context-full li:first-child { 97 | flex: 0 100 max-content; 98 | } 99 | 100 | .AppHeader-context .AppHeader-context-full li { 101 | display: inline-grid; 102 | grid-auto-flow: column; 103 | align-items: center; 104 | flex: 0 99999 auto; 105 | } 106 | 107 | .AppHeader-context .AppHeader-context-full ul, 108 | .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li { 109 | list-style: none; 110 | } 111 | 112 | .AppHeader-context .AppHeader-context-item { 113 | display: flex; 114 | align-items: center; 115 | min-width: 3ch; 116 | line-height: var(--text-body-lineHeight-medium, 1.4285714286); 117 | text-decoration: none !important; 118 | border-radius: var(--borderRadius-medium, 6px); 119 | padding-inline: var(--control-medium-paddingInline-condensed, 8px); 120 | padding-block: var(--control-medium-paddingBlock, 6px); 121 | } 122 | 123 | .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item { 124 | font-weight: var(--base-text-weight-semibold, 600); 125 | } 126 | 127 | .AppHeader-context .AppHeader-context-item-separator { 128 | color: var(--fgColor-muted, var(--color-fg-muted)); 129 | white-space: nowrap; 130 | } 131 | 132 | .AppHeader-globalBar { 133 | padding: 16px !important; 134 | } 135 | 136 | #custom-page-title { 137 | display: none !important; 138 | } 139 | 140 | #custom-page-title { 141 | display: none !important; 142 | } 143 | 144 | #search-div { 145 | display: none !important; 146 | } 147 | 148 | #search-div-clone { 149 | display: initial !important; 150 | } 151 | 152 | #search-div .search-input { 153 | display: none !important; 154 | } 155 | 156 | #search-div { 157 | flex-grow: 1 !important; 158 | } 159 | 160 | #search-div-clone { 161 | flex: 0 1 auto !important; 162 | justify-content: flex-start !important; 163 | } 164 | 165 | @media (min-width: 1012px) { 166 | #search-div-clone, 167 | .search-input { 168 | width: calc(var(--feed-sidebar) - 67px) !important; 169 | } 170 | } 171 | 172 | @media (min-width: 768px) { 173 | #search-div-clone, 174 | .search-input { 175 | --feed-sidebar: 320px; 176 | } 177 | } 178 | 179 | @media (min-width: 1400px) { 180 | #search-div-clone, 181 | .search-input { 182 | --feed-sidebar: 336px; 183 | } 184 | } 185 | 186 | #AppHeader-commandPalette-button { 187 | display: none !important; 188 | } 189 | 190 | #qb-input-query { 191 | color: #b3b3b5 !important; 192 | } 193 | 194 | [data-target="qbsearch-input.inputButton"] { 195 | background-color: #0e1217 !important; 196 | } 197 | 198 | .search-input button { 199 | border-color: #30363d !important; 200 | } 201 | 202 | [data-target="qbsearch-input.inputButton"] { 203 | box-shadow: none !important; 204 | } 205 | 206 | .AppHeader-search-control label { 207 | display: none !important; 208 | } 209 | 210 | [data-target="qbsearch-input.queryBuilderContainer"] { 211 | width: 450px !important; 212 | } 213 | 214 | #qb-input-query { 215 | width: 100% !important; 216 | } 217 | 218 | .AppHeader-search-control .overflow-hidden { 219 | display: flex !important; 220 | } 221 | 222 | [data-target="qbsearch-input.inputButton"] { 223 | padding-inline-start: 8px !important; 224 | } 225 | 226 | .AppHeader-actions::before { 227 | content: none !important; 228 | } 229 | 230 | #tooltip-6b650ce7-147c-486a-b919-fd426600f63b { 231 | display: none !important; 232 | } 233 | 234 | #issues-div { 235 | display: none !important; 236 | } 237 | 238 | #issues-flip-div-clone { 239 | display: initial !important; 240 | } 241 | 242 | #issues-svg { 243 | display: none !important; 244 | } 245 | 246 | #issues-text-content-span { 247 | color: #f0f6fc !important; 248 | } 249 | 250 | #issues-flip-div-clone a { 251 | border: none !important; 252 | } 253 | 254 | #issues-flip-div-clone a { 255 | box-shadow: none !important; 256 | } 257 | 258 | #issues-flip-div-clone a:hover { 259 | background-color: transparent !important; 260 | } 261 | 262 | #issues-flip-div-clone a span:hover { 263 | color: #ffffffb3 !important; 264 | } 265 | 266 | #tooltip-d1453a52-484d-40a1-993b-eb7295d78056 { 267 | display: none !important; 268 | } 269 | 270 | #pullRequests-div { 271 | display: none !important; 272 | } 273 | 274 | #pullRequests-flip-div-clone { 275 | display: initial !important; 276 | } 277 | 278 | #pullRequests-svg { 279 | display: none !important; 280 | } 281 | 282 | #pullRequests-text-content-span { 283 | color: #f0f6fc !important; 284 | } 285 | 286 | #pullRequests-flip-div-clone a { 287 | border: none !important; 288 | } 289 | 290 | #pullRequests-flip-div-clone a { 291 | box-shadow: none !important; 292 | } 293 | 294 | #pullRequests-flip-div-clone a:hover { 295 | background-color: transparent !important; 296 | } 297 | 298 | #pullRequests-flip-div-clone a span:hover { 299 | color: #ffffffb3 !important; 300 | } 301 | 302 | #issues-div-clone { 303 | display: none !important; 304 | } 305 | 306 | #pullRequests-div-clone { 307 | display: none !important; 308 | } 309 | 310 | #issues-flip-div-clone, 311 | #pullRequests-flip-div-clone { 312 | display: initial !important; 313 | } 314 | 315 | #tooltip-cd1f1a3f-675e-45bb-a4cd-17569d299600 { 316 | display: none !important; 317 | } 318 | 319 | #global-create-menu-button .Button-visual.Button-leadingVisual { 320 | color: #f0f6fc !important; 321 | } 322 | 323 | #global-create-menu-button:hover .Button-visual.Button-leadingVisual svg path { 324 | fill: #ffffffb3 !important; 325 | } 326 | 327 | #global-create-menu-button .Button-visual.Button-leadingVisual { 328 | margin-right: 0px !important; 329 | } 330 | 331 | #global-create-menu-button .Button-label { 332 | grid-area: initial !important; 333 | } 334 | 335 | #global-create-menu-button .Button-label { 336 | color: #f0f6fc !important; 337 | } 338 | 339 | #global-create-menu-button:hover .Button-label svg path { 340 | fill: #ffffffb3 !important; 341 | } 342 | 343 | #global-create-menu-button { 344 | border: none !important; 345 | } 346 | 347 | #global-create-menu-button { 348 | box-shadow: none !important; 349 | } 350 | 351 | #global-create-menu-button:hover { 352 | background-color: transparent !important; 353 | } 354 | 355 | #tooltip-b9f4bc3f-1ea4-4af3-b239-0f4cd09c86d0 { 356 | display: none !important; 357 | } 358 | 359 | .AppHeader-button.AppHeader-button--hasIndicator::before { 360 | background: #2f81f7 !important; 361 | } 362 | 363 | .AppHeader-button.AppHeader-button--hasIndicator::before { 364 | box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) #161c20 !important; 365 | } 366 | 367 | #inbox-svg { 368 | display: none !important; 369 | } 370 | 371 | #bell-svg { 372 | display: initial !important; 373 | } 374 | 375 | #bell-svg path { 376 | fill: #f0f6fc !important; 377 | } 378 | 379 | #custom-notifications-flip-clone a:hover svg path { 380 | fill: #ffffffb3 !important; 381 | } 382 | 383 | #custom-notifications-flip-clone a { 384 | border: none !important; 385 | } 386 | 387 | #custom-notifications-flip-clone a { 388 | box-shadow: none !important; 389 | } 390 | 391 | .AppHeader-button.AppHeader-button--hasIndicator::before { 392 | top: 5px !important; 393 | left: 18px !important; 394 | } 395 | 396 | #custom-notifications-flip-clone a:hover { 397 | background-color: transparent !important; 398 | } 399 | 400 | #create-div { 401 | display: none !important; 402 | } 403 | 404 | #custom-notifications { 405 | display: none !important; 406 | } 407 | 408 | #create-div-flip-clone, 409 | #custom-notifications-flip-clone { 410 | display: initial !important; 411 | } 412 | 413 | .AppHeader-user button img.avatar { 414 | height: 24px !important; 415 | width: 24px !important; 416 | } 417 | 418 | .AppHeader-user { 419 | background-color: transparent !important; 420 | } 421 | 422 | #avatar-dropdown { 423 | display: initial !important; 424 | fill: #ffffff; 425 | height: 16px; 426 | width: 16px; 427 | margin-bottom: 1.5px; 428 | } 429 | 430 | .AppHeader-user button:hover #avatar-dropdown path { 431 | fill: #ffffffb3 !important; 432 | } 433 | 434 | .AppHeader-user button { 435 | gap: 0px !important; 436 | } 437 | 438 | .AppHeader-globalBar { 439 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) #21262d !important; 440 | } 441 | 442 | .AppHeader-globalBar-end { 443 | gap: 2px !important; 444 | } 445 | 446 | .AppHeader-globalBar-start { 447 | gap: 0.75rem !important; 448 | } 449 | 450 | .AppHeader-localBar { 451 | background-color: #0d1117 !important; 452 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 453 | } 454 | 455 | .UnderlineNav-actions { 456 | display: initial !important; 457 | padding-right: 0px !important; 458 | } 459 | 460 | .AppHeader-localBar nav { 461 | max-width: 1280px; 462 | margin-right: auto; 463 | margin-left: auto; 464 | } 465 | 466 | @media (min-width: 768px) { 467 | .AppHeader-localBar nav { 468 | padding-right: var(--base-size-24, 24px) !important; 469 | padding-left: var(--base-size-24, 24px) !important; 470 | } 471 | } 472 | 473 | @media (min-width: 1012px) { 474 | .AppHeader-localBar nav { 475 | padding-right: var(--base-size-32, 32px) !important; 476 | padding-left: var(--base-size-32, 32px) !important; 477 | } 478 | } 479 | 480 | .UnderlineNav { 481 | box-shadow: none !important; 482 | } 483 | 484 | .AppHeader-localBar a, 485 | .AppHeader-localBar a span { 486 | color: #e6edf3 !important; 487 | } 488 | 489 | .Overlay-backdrop--side { 490 | background-color: transparent !important; 491 | } 492 | 493 | .Overlay-backdrop--side { 494 | pointer-events: none !important; 495 | } 496 | 497 | .Overlay-backdrop--side > * { 498 | pointer-events: initial !important; 499 | } 500 | 501 | .AppHeader-user .Overlay-backdrop--side { 502 | padding-top: 10px !important; 503 | padding-right: 15px !important; 504 | border-top-right-radius: 6px !important; 505 | bottom: initial !important; 506 | top: initial !important; 507 | } 508 | 509 | .AppHeader-user modal-dialog { 510 | border-top-right-radius: var(--borderRadius-large, 0.75rem) !important; 511 | border-bottom-right-radius: var(--borderRadius-large, 0.75rem) !important; 512 | } 513 | 514 | .AppHeader-user modal-dialog div.Overlay-body > div { 515 | margin-bottom: 0px !important; 516 | } 517 | 518 | .AppHeader-user modal-dialog nav { 519 | padding-bottom: 0px !important; 520 | } 521 | 522 | .AppHeader-user modal-dialog { 523 | max-height: 50vh !important; 524 | } 525 | -------------------------------------------------------------------------------- /archive/2023-10-30/old_school/dark/github-com.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 767.98px) { 2 | action-menu { 3 | display: none !important; 4 | } 5 | } 6 | 7 | header.AppHeader { 8 | background-color: #161c20 !important; 9 | } 10 | 11 | .AppHeader-globalBar-start deferred-side-panel { 12 | display: none !important; 13 | } 14 | 15 | .AppHeader-logo svg path { 16 | fill: #e6edf3 !important; 17 | } 18 | 19 | .customizedRepositoryHeader .border-bottom.mx-xl-5 { 20 | display: none !important; 21 | } 22 | 23 | .customizedRepositoryHeader { 24 | background-color: #0d1116 !important; 25 | } 26 | 27 | .customizedRepositoryHeader { 28 | max-width: 1280px; 29 | margin-right: auto; 30 | margin-left: auto; 31 | } 32 | 33 | .customizedRepositoryHeader div { 34 | padding-left: 0px !important; 35 | padding-right: 0px !important; 36 | } 37 | 38 | @media (min-width: 768px) { 39 | .customizedRepositoryHeader { 40 | padding-right: var(--base-size-24, 24px) !important; 41 | padding-left: var(--base-size-24, 24px) !important; 42 | } 43 | } 44 | 45 | @media (min-width: 1012px) { 46 | .customizedRepositoryHeader { 47 | padding-right: var(--base-size-32, 32px) !important; 48 | padding-left: var(--base-size-32, 32px) !important; 49 | } 50 | } 51 | 52 | .customizedRepositoryHeader { 53 | flex: auto !important; 54 | } 55 | 56 | #repository-details-container { 57 | display: flex; 58 | align-items: center; 59 | } 60 | 61 | .customizedRepositoryHeader nav[role="navigation"] a { 62 | color: #58a6ff !important; 63 | } 64 | 65 | .customizedRepositoryHeader nav[role="navigation"] a:hover { 66 | color: #2f81f7 !important; 67 | background-color: transparent !important; 68 | text-decoration: underline !important; 69 | } 70 | 71 | .AppHeader-context { 72 | flex: 0 1 auto !important; 73 | height: auto !important; 74 | min-width: 0 !important; 75 | } 76 | 77 | @media (min-width: 768px) { 78 | .AppHeader-context .AppHeader-context-compact { 79 | display: none !important; 80 | } 81 | } 82 | 83 | .AppHeader-context .AppHeader-context-full { 84 | display: inline-flex !important; 85 | width: 100% !important; 86 | min-width: 0 !important; 87 | max-width: 100% !important; 88 | overflow: hidden !important; 89 | } 90 | 91 | .AppHeader-context .AppHeader-context-full ul { 92 | display: flex; 93 | flex-direction: row; 94 | } 95 | 96 | .AppHeader-context .AppHeader-context-full li:first-child { 97 | flex: 0 100 max-content; 98 | } 99 | 100 | .AppHeader-context .AppHeader-context-full li { 101 | display: inline-grid; 102 | grid-auto-flow: column; 103 | align-items: center; 104 | flex: 0 99999 auto; 105 | } 106 | 107 | .AppHeader-context .AppHeader-context-full ul, 108 | .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li { 109 | list-style: none; 110 | } 111 | 112 | .AppHeader-context .AppHeader-context-item { 113 | display: flex; 114 | align-items: center; 115 | min-width: 3ch; 116 | line-height: var(--text-body-lineHeight-medium, 1.4285714286); 117 | text-decoration: none !important; 118 | border-radius: var(--borderRadius-medium, 6px); 119 | padding-inline: var(--control-medium-paddingInline-condensed, 8px); 120 | padding-block: var(--control-medium-paddingBlock, 6px); 121 | } 122 | 123 | .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item { 124 | font-weight: var(--base-text-weight-semibold, 600); 125 | } 126 | 127 | .AppHeader-context .AppHeader-context-item-separator { 128 | color: var(--fgColor-muted, var(--color-fg-muted)); 129 | white-space: nowrap; 130 | } 131 | 132 | .AppHeader-globalBar { 133 | padding: 16px !important; 134 | } 135 | 136 | #custom-page-title { 137 | display: none !important; 138 | } 139 | 140 | #custom-page-title { 141 | display: none !important; 142 | } 143 | 144 | #search-div { 145 | display: none !important; 146 | } 147 | 148 | #search-div-clone { 149 | display: initial !important; 150 | } 151 | 152 | #search-div .search-input { 153 | display: none !important; 154 | } 155 | 156 | #search-div { 157 | flex-grow: 1 !important; 158 | } 159 | 160 | #search-div-clone { 161 | flex: 0 1 auto !important; 162 | justify-content: flex-start !important; 163 | } 164 | 165 | @media (min-width: 1012px) { 166 | #search-div-clone, 167 | .search-input { 168 | width: calc(var(--feed-sidebar) - 67px) !important; 169 | } 170 | } 171 | 172 | @media (min-width: 768px) { 173 | #search-div-clone, 174 | .search-input { 175 | --feed-sidebar: 320px; 176 | } 177 | } 178 | 179 | @media (min-width: 1400px) { 180 | #search-div-clone, 181 | .search-input { 182 | --feed-sidebar: 336px; 183 | } 184 | } 185 | 186 | #AppHeader-commandPalette-button { 187 | display: none !important; 188 | } 189 | 190 | #qb-input-query { 191 | color: #b3b3b5 !important; 192 | } 193 | 194 | [data-target="qbsearch-input.inputButton"] { 195 | background-color: #0e1217 !important; 196 | } 197 | 198 | .search-input button { 199 | border-color: #30363d !important; 200 | } 201 | 202 | [data-target="qbsearch-input.inputButton"] { 203 | box-shadow: none !important; 204 | } 205 | 206 | .AppHeader-search-control label { 207 | display: none !important; 208 | } 209 | 210 | [data-target="qbsearch-input.queryBuilderContainer"] { 211 | width: 450px !important; 212 | } 213 | 214 | #qb-input-query { 215 | width: 100% !important; 216 | } 217 | 218 | .AppHeader-search-control .overflow-hidden { 219 | display: flex !important; 220 | } 221 | 222 | [data-target="qbsearch-input.inputButton"] { 223 | padding-inline-start: 8px !important; 224 | } 225 | 226 | .AppHeader-actions::before { 227 | content: none !important; 228 | } 229 | 230 | #tooltip-44d79f6e-10ed-4843-99b6-948fdade980d { 231 | display: none !important; 232 | } 233 | 234 | #issues-div { 235 | display: none !important; 236 | } 237 | 238 | #issues-flip-div-clone { 239 | display: initial !important; 240 | } 241 | 242 | #issues-svg { 243 | display: none !important; 244 | } 245 | 246 | #issues-text-content-span { 247 | color: #f0f6fc !important; 248 | } 249 | 250 | #issues-flip-div-clone a { 251 | border: none !important; 252 | } 253 | 254 | #issues-flip-div-clone a { 255 | box-shadow: none !important; 256 | } 257 | 258 | #issues-flip-div-clone a:hover { 259 | background-color: transparent !important; 260 | } 261 | 262 | #issues-flip-div-clone a span:hover { 263 | color: #ffffffb3 !important; 264 | } 265 | 266 | #tooltip-a26d55bc-57ab-4c6a-98ad-85892a7ee39b { 267 | display: none !important; 268 | } 269 | 270 | #pullRequests-div { 271 | display: none !important; 272 | } 273 | 274 | #pullRequests-flip-div-clone { 275 | display: initial !important; 276 | } 277 | 278 | #pullRequests-svg { 279 | display: none !important; 280 | } 281 | 282 | #pullRequests-text-content-span { 283 | color: #f0f6fc !important; 284 | } 285 | 286 | #pullRequests-flip-div-clone a { 287 | border: none !important; 288 | } 289 | 290 | #pullRequests-flip-div-clone a { 291 | box-shadow: none !important; 292 | } 293 | 294 | #pullRequests-flip-div-clone a:hover { 295 | background-color: transparent !important; 296 | } 297 | 298 | #pullRequests-flip-div-clone a span:hover { 299 | color: #ffffffb3 !important; 300 | } 301 | 302 | #issues-div-clone { 303 | display: none !important; 304 | } 305 | 306 | #pullRequests-div-clone { 307 | display: none !important; 308 | } 309 | 310 | #issues-flip-div-clone, 311 | #pullRequests-flip-div-clone { 312 | display: initial !important; 313 | } 314 | 315 | #tooltip-32a241a7-2c59-4d82-ac66-57d277a2aa48 { 316 | display: none !important; 317 | } 318 | 319 | #global-create-menu-button .Button-visual.Button-leadingVisual { 320 | color: #f0f6fc !important; 321 | } 322 | 323 | #global-create-menu-button:hover .Button-visual.Button-leadingVisual svg path { 324 | fill: #ffffffb3 !important; 325 | } 326 | 327 | #global-create-menu-button .Button-visual.Button-leadingVisual { 328 | margin-right: 0px !important; 329 | } 330 | 331 | #global-create-menu-button .Button-label { 332 | grid-area: initial !important; 333 | } 334 | 335 | #global-create-menu-button .Button-label { 336 | color: #f0f6fc !important; 337 | } 338 | 339 | #global-create-menu-button:hover .Button-label svg path { 340 | fill: #ffffffb3 !important; 341 | } 342 | 343 | #global-create-menu-button { 344 | border: none !important; 345 | } 346 | 347 | #global-create-menu-button { 348 | box-shadow: none !important; 349 | } 350 | 351 | #global-create-menu-button:hover { 352 | background-color: transparent !important; 353 | } 354 | 355 | #tooltip-7f139494-ce91-495e-86a4-210e8aa780cb { 356 | display: none !important; 357 | } 358 | 359 | .AppHeader-button.AppHeader-button--hasIndicator::before { 360 | background: #2f81f7 !important; 361 | } 362 | 363 | .AppHeader-button.AppHeader-button--hasIndicator::before { 364 | box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) #161c20 !important; 365 | } 366 | 367 | #inbox-svg { 368 | display: none !important; 369 | } 370 | 371 | #bell-svg { 372 | display: initial !important; 373 | } 374 | 375 | #bell-svg path { 376 | fill: #f0f6fc !important; 377 | } 378 | 379 | #custom-notifications-flip-clone a:hover svg path { 380 | fill: #ffffffb3 !important; 381 | } 382 | 383 | #custom-notifications-flip-clone a { 384 | border: none !important; 385 | } 386 | 387 | #custom-notifications-flip-clone a { 388 | box-shadow: none !important; 389 | } 390 | 391 | .AppHeader-button.AppHeader-button--hasIndicator::before { 392 | top: 5px !important; 393 | left: 18px !important; 394 | } 395 | 396 | #custom-notifications-flip-clone a:hover { 397 | background-color: transparent !important; 398 | } 399 | 400 | #create-div { 401 | display: none !important; 402 | } 403 | 404 | #custom-notifications { 405 | display: none !important; 406 | } 407 | 408 | #create-div-flip-clone, 409 | #custom-notifications-flip-clone { 410 | display: initial !important; 411 | } 412 | 413 | .AppHeader-user button img.avatar { 414 | height: 24px !important; 415 | width: 24px !important; 416 | } 417 | 418 | .AppHeader-user { 419 | background-color: transparent !important; 420 | } 421 | 422 | #avatar-dropdown { 423 | display: initial !important; 424 | fill: #ffffff; 425 | height: 16px; 426 | width: 16px; 427 | margin-bottom: 1.5px; 428 | } 429 | 430 | .AppHeader-user button:hover #avatar-dropdown path { 431 | fill: #ffffffb3 !important; 432 | } 433 | 434 | .AppHeader-user button { 435 | gap: 0px !important; 436 | } 437 | 438 | .AppHeader-globalBar { 439 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) #21262d !important; 440 | } 441 | 442 | .AppHeader-globalBar-end { 443 | gap: 2px !important; 444 | } 445 | 446 | .AppHeader-globalBar-start { 447 | gap: 0.75rem !important; 448 | } 449 | 450 | .AppHeader-localBar { 451 | background-color: #0d1117 !important; 452 | box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--color-border-default) !important; 453 | } 454 | 455 | .UnderlineNav-actions { 456 | display: initial !important; 457 | padding-right: 0px !important; 458 | } 459 | 460 | .AppHeader-localBar nav { 461 | max-width: 1280px; 462 | margin-right: auto; 463 | margin-left: auto; 464 | } 465 | 466 | @media (min-width: 768px) { 467 | .AppHeader-localBar nav { 468 | padding-right: var(--base-size-24, 24px) !important; 469 | padding-left: var(--base-size-24, 24px) !important; 470 | } 471 | } 472 | 473 | @media (min-width: 1012px) { 474 | .AppHeader-localBar nav { 475 | padding-right: var(--base-size-32, 32px) !important; 476 | padding-left: var(--base-size-32, 32px) !important; 477 | } 478 | } 479 | 480 | .UnderlineNav { 481 | box-shadow: none !important; 482 | } 483 | 484 | .AppHeader-localBar a, 485 | .AppHeader-localBar a span { 486 | color: #e6edf3 !important; 487 | } 488 | 489 | .Overlay-backdrop--side { 490 | background-color: transparent !important; 491 | } 492 | 493 | .Overlay-backdrop--side { 494 | pointer-events: none !important; 495 | } 496 | 497 | .Overlay-backdrop--side > * { 498 | pointer-events: initial !important; 499 | } 500 | 501 | .AppHeader-user .Overlay-backdrop--side { 502 | padding-top: 10px !important; 503 | padding-right: 15px !important; 504 | border-top-right-radius: 6px !important; 505 | bottom: initial !important; 506 | top: initial !important; 507 | } 508 | 509 | .AppHeader-user modal-dialog { 510 | border-top-right-radius: var(--borderRadius-large, 0.75rem) !important; 511 | border-bottom-right-radius: var(--borderRadius-large, 0.75rem) !important; 512 | } 513 | 514 | .AppHeader-user modal-dialog div.Overlay-body > div { 515 | margin-bottom: 0px !important; 516 | } 517 | 518 | .AppHeader-user modal-dialog nav { 519 | padding-bottom: 0px !important; 520 | } 521 | 522 | .AppHeader-user modal-dialog { 523 | max-height: 50vh !important; 524 | } 525 | -------------------------------------------------------------------------------- /archive/2025-04-23/source/repository-container-header.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | Owner avatar 6 | 7 | 8 | debug 9 | 10 | 11 | Public 12 |
13 | 14 |
15 |
16 | 17 |
18 |
    19 |
  • 20 | 21 | 22 | 23 | 24 | 30 | 36 | 37 | 38 | 39 | 40 | 41 | 60 |
    61 |
    62 | 87 |
    88 |
    89 | 130 |
    131 | 134 |
    135 |     136 |
    • 137 | 138 |
  • 139 |
    140 | 151 | 156 | Fork 157 | 134 158 | 159 | Fork your own copy of ruby/debug 160 | 161 | 162 |
    163 | 164 | 167 | 168 | 169 |
    170 | 177 |
    178 |
    179 | 180 | 183 | 184 | 185 | 189 | Loading 190 | 191 | 192 | 193 |
    194 |
    195 |
    196 |     197 |
    198 |
    199 |
    • 200 | 201 |
  • 202 | 220 | 221 |
    222 |
    223 | 224 |
    225 | 226 | 227 | 228 | 259 |
    260 |
    261 | 262 | 265 | 266 | 267 |
    268 |
    269 |

    Lists

    270 | 271 | 278 |
    279 |
    280 |
    281 | 282 | 283 | 287 | Loading 288 | 289 | 290 |
    291 |
    292 |
    293 |     294 |
    295 |
    296 |
    297 | 298 |
    299 | 300 | 301 | 332 |
    333 |
    334 | 335 | 338 | 339 | 340 |
    341 |
    342 |

    Lists

    343 | 344 | 351 |
    352 |
    353 |
    354 | 355 | 356 | 360 | Loading 361 | 362 | 363 |
    364 |
    365 |
    366 |     367 |
    368 |
    369 |
    370 |
    • 371 |
372 |
373 |
374 | 375 |
376 |
377 |
378 |
379 |
380 | 381 | 382 | 383 | 384 | 390 | 396 | 397 | 398 | 399 | 400 | 401 | 420 |
421 |
422 | 447 |
448 |
449 | 490 |
491 | 494 |
495 | 496 | 497 |
498 | 510 | 515 | 516 | 529 |
530 |
531 | 532 |
533 | 534 | 535 | 551 | 564 |
565 | 566 |
567 | 568 | 569 | 585 | 598 |
599 |
600 |
601 |
602 |
603 |

604 | Debugging functionality for Ruby 605 |

606 | 607 |

License

608 |
609 | 610 | 615 | BSD-2-Clause license 616 | 617 |
618 | 619 |
620 | 683 | 684 |
685 |
686 | 691 |
692 | 693 | Public repository 694 | 695 |
696 |
697 |
698 |
699 | 700 |
701 |
702 |
703 | -------------------------------------------------------------------------------- /archive/2025-04-23/happy_medium/repository-container-header.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | Owner avatar 6 | 7 |
8 | 32 | 33 | 34 | 42 |
43 |
44 |
45 |

46 | Navigate back to 47 |

48 |
49 |
50 | 57 |
58 |
59 |
60 | 61 |
62 | 101 |
102 | 103 | 104 | 105 |
106 | 107 |
108 | 155 |
156 | 157 | 158 | 159 | debug 160 | 161 | 162 | Public 163 |
164 | 165 |
166 |
167 | 168 |
169 |
    170 |
  • 171 | 172 | 173 | 174 | 175 | 181 | 187 | 188 | 189 | 190 | 191 | 192 | 211 |
    212 |
    213 | 238 |
    239 |
    240 | 281 |
    282 | 285 |
    286 |     287 |
    • 288 | 289 |
  • 290 |
    291 | 302 | 307 | Fork 308 | 134 309 | 310 | Fork your own copy of ruby/debug 311 | 312 | 313 |
    314 | 315 | 318 | 319 | 320 |
    321 | 328 |
    329 |
    330 | 331 | 334 | 335 | 336 | 340 | Loading 341 | 342 | 343 | 344 |
    345 |
    346 |
    347 |     348 |
    349 |
    350 |
    • 351 | 352 |
  • 353 | 371 | 372 |
    373 |
    374 | 375 |
    376 | 377 | 378 | 379 | 410 |
    411 |
    412 | 413 | 416 | 417 | 418 |
    419 |
    420 |

    Lists

    421 | 422 | 429 |
    430 |
    431 |
    432 | 433 | 434 | 438 | Loading 439 | 440 | 441 |
    442 |
    443 |
    444 |     445 |
    446 |
    447 |
    448 | 449 |
    450 | 451 | 452 | 483 |
    484 |
    485 | 486 | 489 | 490 | 491 |
    492 |
    493 |

    Lists

    494 | 495 | 502 |
    503 |
    504 |
    505 | 506 | 507 | 511 | Loading 512 | 513 | 514 |
    515 |
    516 |
    517 |     518 |
    519 |
    520 |
    521 |
    • 522 |
523 |
524 |
525 | 526 |
527 |
528 |
529 |
530 |
531 | 532 | 533 | 534 | 535 | 541 | 547 | 548 | 549 | 550 | 551 | 552 | 571 |
572 |
573 | 598 |
599 |
600 | 641 |
642 | 645 |
646 | 647 | 648 |
649 | 661 | 666 | 667 | 680 |
681 |
682 | 683 |
684 | 685 | 686 | 702 | 715 |
716 | 717 |
718 | 719 | 720 | 736 | 749 |
750 |
751 |
752 |
753 |
754 |

755 | Debugging functionality for Ruby 756 |

757 | 758 |

License

759 |
760 | 761 | 766 | BSD-2-Clause license 767 | 768 |
769 | 770 |
771 | 834 | 835 |
836 |
837 | 842 |
843 | 844 | Public repository 845 | 846 |
847 |
848 |
849 |
850 | 851 |
852 |
853 |
854 | --------------------------------------------------------------------------------