fix(github) - Fixed a lot of missing UI changes and adjusted some existing changes (#173)

* So many changes

* Fixed issues with new repo overview

* fixed githubs wrong styling hehe

* border color fixes (hopefully)

* text edit ui fix
This commit is contained in:
soradotwav 2023-08-15 01:24:19 -07:00 committed by GitHub
parent d517e0b2f0
commit ad96b4a2e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,7 +2,7 @@
@name Github Catppuccin @name Github Catppuccin
@namespace github.com/catppuccin/userstyles/styles/github @namespace github.com/catppuccin/userstyles/styles/github
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github
@version 1.2.4 @version 1.2.5
@description Soothing pastel theme for GitHub @description Soothing pastel theme for GitHub
@author Catppuccin @author Catppuccin
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css
@ -976,7 +976,6 @@
.bPgnBp, .bPgnBp,
.jMyfUO, .jMyfUO,
.hfRvxg,
.cBrzIN { .cBrzIN {
color: @text; color: @text;
} }
@ -1431,6 +1430,45 @@
} }
/* Tree Fix */ /* Tree Fix */
/* Tree Fix */
/* Weird barely visible outlines | Can be removed if intentional*/
.brFBoI, .ldUAkr, .gtXnmh {
border-color: @surface1;
}
/* New Repository Overview Fix */
.gWjhfa, .jMdYTc {
background-color: @mantle;
}
.jMdYTc {
border: 1px solid @surface1;
& button {
color: @subtext1;
&:hover {
background-color: @surface0;
}
&[aria-expanded="true"] {
background-color: @surface0;
}
}
}
.gwuIGu > a {
&:hover {
background-color: @surface0;
}
& span {
color: @subtext1;;
}
}
/* Buttons */ /* Buttons */
.bJYdrf:hover { .bJYdrf:hover {
background-color: @mantle; background-color: @mantle;
@ -1449,14 +1487,76 @@
background-color: @surface1; background-color: @surface1;
border-color: @surface1; border-color: @surface1;
} }
} }
.eOIzRT {
background-color: @base;
&:hover {
background-color: @surface0;
}
}
.hNNRLM svg { .hNNRLM svg {
color: @text; color: @text;
} }
.react-last-commit-history-group:hover {
background-color: @base;
color: @text;
}
.hfRvxg {
color: @subtext1;
&:hover {
color: @text;
}
}
/* Scrolling top menu */
.lbYguI {
border-radius: 6px;
}
.hPsWZB, .bOUZZs {
background-color: @mantle;
}
.react-blob-header-edit-and-raw-actions > div > a, .react-blob-header-edit-and-raw-actions > div > span > a, .react-blob-header-edit-and-raw-actions > div > span > button {
background-color: @base;
color: @subtext0;
&:hover {
background-color: @surface1;
}
}
.hMOAua {
color: @subtext1;
&:hover {
background-color: @mantle;
border: 1px solid @surface1;
color: @text;
}
}
/* Fullscreen Sidebar Fixes*/
.hMCjFU, .jcKsih , .hpgNiv {
background-color: @base;
color: @text;
border: 1px solid @surface1;
&:hover {
background-color: @surface0;
}
}
/* Dropdown Menus */ /* Dropdown Menus */
.jfOCiu, .gNXjVV, .iGzDhH { .jfOCiu, .gNXjVV, .iGzDhH, .Overlay {
background-color: @mantle; background-color: @mantle;
border: 1px solid @surface1; border: 1px solid @surface1;
border-radius: 6px; border-radius: 6px;
@ -1502,6 +1602,76 @@
background-color: @surface1; background-color: @surface1;
} }
select option, optgroup {
background-color: @mantle;
border: 1px solid @surface1;
border-radius: 6px;
box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
}
.hUQSCH {
background-color: @base;
color: @subtext1;
border-color: @surface1;
&:hover {
background-color: @mantle;
border-color: @surface1;
}
}
/* Add File Menu */
.dQPLyc {
background-color: transparent;
border: 1px solid @surface1;
}
.ktGGEf {
background-color: @base;
border: 1px solid @surface1;
}
.gkfBtX {
background-color: @mantle;
border-radius: 6px 0px 0px 0px;
border-bottom: 1px solid @surface1;
}
.jproXT {
background-color: transparent;
border-color: transparent;
color: @subtext1;
&:hover {
color: @text;
}
&:focus-within {
border-color: transparent;
box-shadow: none;
color: @text;
}
}
.wLDmP {
background-color: @mantle;
border: 1px solid @surface1;
}
.eNSiNz .segmentedControl-content, .gKuCoB .segmentedControl-content {
background-color: @base;
}
/* Notification Menu Fix */
.notifications-list-item.notification-read, .notifications-list-item.notification-archived {
background-color: @base !important;
&:last-child {
border-bottom-left-radius: 6px;
}
}
/* Loading Bar Color */ /* Loading Bar Color */
.turbo-progress-bar { .turbo-progress-bar {
background-color: @accent-color; background-color: @accent-color;