sungmg/bthree-dark-theme
1
0
Fork 0
Code Activity

Home: Layout and style adjustments

Browse source 
* Replace images with icons.
* Add links to ongoing projects and swap for code blog entries.
* Style tweaks.
This commit is contained in:
Pablo Vazquez 2023-02-02 18:03:43 +01:00
parent 2987e8e46b
commit d72b4f9bb7
5 changed files with 203 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

61
public/css/theme-bthree-dark.css
View file

@ -185,17 +185,17 @@
--color-hover: hsla(213, 18%, 90%, .05);
--color-active: hsla(213, 18%, 90%, .1);
--color-menu: hsl(213, 15%, 21%);
--color-card: hsl(213, 15%, 21%);
--color-menu: hsl(213, 12%, 21%);
--color-card: hsl(213, 12%, 21%);
--color-markup-table-row: hsla(0, 0%, 100%, 0);
--color-markup-code-block: hsla(0, 0%, 100%, 0.1);
--color-code-bg: #1e2329;
--color-code-line-bg-hover: hsl(213, 16%, 16%);
--color-code-sidebar-bg: hsl(213, 14.8%, 21%);
--color-code-sidebar-bg: hsl(213, 15%, 21%);
--color-timeline: hsl(220, 10.6%, 33.3%);
--color-timeline: hsl(220, 10%, 33%);
/* Navbar. */
--color-navbar: hsl(213, 10%, 18%);
@ -282,6 +282,11 @@ strong, b, h1, h2, h3, h4, h5, h6,
box-shadow: none !important;
}
.ui.menu,
.ui.vertical.menu {
border-color: var(--color-secondary-alpha-30) !important;
}
/* Vertical menu.
* Used in: /issues */
.ui.vertical.menu {
@ -447,6 +452,19 @@ footer a {
}
/* Cards. */
.ui.card {
border-radius: var(--border-radius);
border: none;
}
.ui.card .content {
border: none;
}
.ui.card .content a {
color: var(--color-primary-contrast);
}
.ui.cards>.card>.content>a.header,
.ui.card>.content>a.header {
color: var(--color-text-dark);
@ -457,6 +475,41 @@ footer a {
color: var(--color-text-dark-2);
}
.ui.card.card-with-icon {
display: flex;
flex-direction: row;
}
.ui.card.card-with-icon .icon svg {
margin: 10px 0 0 15px;
width: 50px;
opacity: .7;
}
/* Users/Organizations list. */
/* Fix alignment issue since */
.ui.user.list img.avatar,
.ui.user.list img.avatar+.content {
display: inline-block;
}
.ui.user.list img.avatar {
position: relative;
top: 3px;
vertical-align: initial !important;
}
.ui.user.list .content {
margin-left: var(--spacer-2);
width: auto;
}
.ui.user.list .content .description .svg {
margin-right: var(--spacer-1);
position: relative;
top: 2px;
}
/* Homepage. */
.home a {
color: var(--color-accent);