Skip to content

Instantly share code, notes, and snippets.

@mreed4
Created April 8, 2025 05:03
Show Gist options
  • Save mreed4/b0999f050d533162d0d257bf0ba4efb0 to your computer and use it in GitHub Desktop.
Save mreed4/b0999f050d533162d0d257bf0ba4efb0 to your computer and use it in GitHub Desktop.
.Layout-main #user-profile-frame > div > div:first-child {
/* Targets the controls -- the "Find a repository" search, buttons, etc. */
border-bottom: 0 !important;
}
#user-repositories-list ul {
/* Targets the list of all repos */
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1em;
}
#user-repositories-list ul li {
/* Targets each/all repos */
width: calc(50% - 0.5em) !important; /* ul gap divided by 2 */
padding: 0.75em !important;
border-radius: 0.5em;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px;
transition: transform 250ms ease-in-out, opacity 350ms ease-in !important;
opacity: 0.9;
user-select: none;
}
#user-repositories-list ul li:hover {
opacity: 1 !important;
transform: translateY(-2px);
}
#user-repositories-list ul li.public {
/* Targets public, not archived repos */
border-color: rgba(59, 134, 64, .4) !important;
transition: border-color 250ms ease-in-out;
}
#user-repositories-list ul li.public:hover {
border-color: rgba(59, 134, 64, 1) !important;
}
#user-repositories-list ul li.public.archived {
/* Targets public, archived repos */
border-color: rgba(224, 202, 60, .35) !important;
transition: border-color 250ms ease-in-out;
}
#user-repositories-list ul li.public.archived:hover {
border-color: rgba(224, 202, 60, .8) !important;
}
#user-repositories-list ul li.private,
#user-repositories-list ul li.public.archived {
/* Targets private and/or public archived repos */
opacity: 0.25;
}
h3.wb-break-all .Label {
/* Targets the "repo visibility/status tag" of the repo */
padding: 3px 9px;
border: 0;
}
#user-repositories-list ul li.private .Label,
#user-repositories-list ul li.public.archived .Label {
/* Targets the private and/or public archived repos tag */
background-color: rgba(255, 255, 255, 0.1)
}
#user-repositories-list li.public .Label {
/* Targets public, not archived repos tag */
background-color: rgba(59, 134, 64, 1);
color: white;
opacity: .5;
transition: opacity 250ms ease-in-out;
}
#user-repositories-list ul li.public:hover .Label {
opacity: 1;
}
div.d-inline-block.mb-1 {
/* Targets the repo name and "repo visibility tag" parent */
width: 100%;
margin-top: 5px;
}
div.d-inline-block.mb-1 h3 {
/* Targets the repo name and "repo visibility tag" parent */
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
span[itemprop="programmingLanguage"],
span[itemprop="spa"] {
/* Targets the name of the programming language most present in the repo
represented by the color, e.g. yellow is JavaScript, purple is CSS */
/* It does not remove the color/circle, only the label */
display: none;
}
html[data-color-mode="auto"] a[itemprop="name codeRepository"] {
/* Targets the repo' name, which is a link */
color: inherit !important;
}
#user-repositories-list ul li > div:nth-child(1) {
/* Targets the repo's name, last updated, etc. */
flex: 1;
}
#user-repositories-list ul li > div:nth-child(2) {
/* Targets the repo's "graph" of commits */
display: none !important;
}
.js-toggler-container {
/* Targets the repo's "add star" button/form */
display: none !important;
}
#user-repositories-list ul li .col-9 {
/* Tragets the repo's description */
width: 100% !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment