From 4dc81aec9d8cbbc4ef5f378452ea8dfb6caa5fcb Mon Sep 17 00:00:00 2001
From: John Mertz <git@john.me.tz>
Date: Thu, 28 Sep 2023 05:12:39 +0000
Subject: [PATCH] Most of the user profile page

---
 css/theme-gruvbox.css | 141 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 138 insertions(+), 3 deletions(-)

diff --git a/css/theme-gruvbox.css b/css/theme-gruvbox.css
index 0299ba0..0d95482 100644
--- a/css/theme-gruvbox.css
+++ b/css/theme-gruvbox.css
@@ -879,9 +879,6 @@ div.repo-title-wrap {
 .repository.view.issue .pull-desc code {
         color: #54A5FF;
 }
-.ui.fluid.input {
-        margin-bottom: 2px;
-}
 .ui .text.purple {
         color: #a17cd8 !important;
 }
@@ -1332,3 +1329,141 @@ button.branch-dropdown-button, .ui.basic.button, .ui.basic.buttons .button {
 .ui.attached.table.segment .lines-num {
 	background-color: var(--bghl) !important;
 	color: var(--bg) !important;
+}
+
+/* Search Bar */
+
+.gt-mb-4 {
+	padding-left: 10px !important;
+	margin-bottom: -3px !important;
+}
+form.ui.form.ignore-dirty, div.ui.right.floated.menu {
+	padding: 10px;
+	background-color: var(--blue) !important;
+	margin: 0px !important;
+}
+div.ui.right.floated.menu .item {
+	z-index: 100;
+	padding-bottom: 8px;
+	background-color: var(--green) !important;
+	margin: 0px;
+}
+div.ui.right.floated.menu .item:hover {
+	background-color: var(--greenhl) !important;
+	color: var(--white) !important;
+}
+form.ui.form.ignore-dirty {
+	margin: 0px !important;
+	padding-right: 0px !important;
+	max-width: auto !important;
+}
+form.ui.form.ignore-dirty input {
+	border: 0px !important;
+}
+.ui.primary.button {
+	background-color: var(--green) !important;
+	color: var(--fghl) !important;
+}
+.ui.primary.button:hover {
+	background-color: var(--greenhl) !important;
+	color: var(--white) !important;
+}
+.user.profile .ui.fluid input {
+	background-color: var(--bghl) !important;
+	margin: 0px !important;
+}
+
+/* Repo Page */
+
+.ui.divider {
+	display: none;
+}
+.ui.repository.list {
+	margin-top: 0px !important;
+}
+.ui.repository.list .item {
+	padding-top: 10px !important;
+}
+.ui.repository.list .item .ui.header .repo-title a {
+	padding: 0px !important;
+	margin-right: 0px !important;
+}
+.ui.repository.list .item .ui.header .repo-title a:hover{
+	background-color: var(--cyanhl) !important;
+}
+.ui.repository.list .item .ui.header .repo-title span.ui.basic.label {
+	background-color: var(--red);
+	border: 0px;
+	border-radius: 5px;
+}
+.ui.repository.list .item .gt-df.gt-ac a {
+	padding: 0px 10px;
+	margin-right: 10px;
+	border-radius: 5px;
+}
+.ui.repository.list .item .gt-df.gt-ac a:hover {
+	background-color: var(--cyan) !important;
+}
+.ui.repository.list .item, .ui.repository.list .item p, .ui.repository.list .item a {
+	color: var(--fghl) !important;
+}
+.ui.repository.list .item:hover, .ui.repository.list .item:hover p, .ui.repository.list .item:hover a {
+	color: var(--white) !important;
+}
+.ui.repository.list .item {
+	background-color: var(--cyan);
+	padding: 10px;
+	margin: 10px;
+	border-radius: 5px;
+}
+.ui.repository.list .item:hover {
+	background-color: var(--cyanhl);
+}
+.repo-header {
+	margin-bottom: 10px;
+}
+
+/* Profile Page */
+
+div.ui.four.wide.column {
+	padding: 10px 0px !important;
+}
+div.ui.twelve.wide.column {
+	padding: 10px 0px 0px 0px !important;
+}
+.ui.tabs.container {
+	margin-top: 0px !important;
+}
+.user.profile .ui.secondary.stackable.pointing.menu {
+	border-bottom: none;
+}
+.user.profile .ui.secondary.stackable.pointing.menu .item {
+	background-color: var(--yellow) !important;
+	color: var(--fghl) !important;
+	padding: 10px 10px 8px 10px;
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+	margin: 0px 10px 0px 0px !important;
+}
+.user.profile .ui.secondary.stackable.pointing.menu .active.item, .user.profile .ui.secondary.stackable.pointing.menu .item:hover {
+	background-color: var(--yellowhl) !important;
+	color: var(--white) !important;
+}
+.user.profile .ui.secondary.stackable.pointing.menu {
+	flex-wrap: nowrap !important;
+	overflow-x: scroll;
+}
+.ui.card {
+	border: none;
+	border-top-right-radius: 5px;
+	border-bottom-right-radius: 5px;
+	background-color: var(--bghl);
+	color: var(--white);
+}
+.ui.card .extra.content, .ui.card .extra.content li {
+	color: var(--white);
+	border: none !important;
+}
+.ui.card .extra.content a {
+	color: var(--white);
+}