vuepress-theme-yuu/styles/index.styl

A VuePress theme that supports a dark theme, multiple color themes, and other useful features.

@import './variables.styl';

html {
	background-color: unset;
}

h2 {
	padding-bottom: 0;
	border-bottom: 0;
}

.theme-default-content {
	code {
		color: lighten($textColor, 20%);
		padding: 0.25rem 0.5rem;
		margin: 0;
		font-size: 0.85em;
		background-color: rgba(27, 31, 35, 0.05);
		border-radius: 3px;

		.token {
			&.deleted {
				color: #da3b3b;
			}

			&.inserted {
				color: #42b983;
			}
		}
	}

	a code {
		color: $accentColor;
	}
}

// @parent-theme/components/NavLinks.vue
.nav-links {
	a,
	.dropdown-wrapper .dropdown-title,
	.dropdown-wrapper .nav-dropdown .dropdown-item a {
		&:hover,
		&.router-link-active {
			color: $accentColor;
		}
	}

	.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after {
		border-left-color: $accentColor;
	}
}

// @parent-theme/components/PageEdit.vue
.page-edit {
	max-width: $contentWidth;
	.edit-link a,
	.last-updated .prefix {
		color: $accentColor;
	}
}

// @parent-theme/components/PageNav.vue
.page-nav {
	max-width: $contentWidth;
}

// @vuepress/plugin-search/SearchBox.vue
.search-box {
	margin-left: 1rem;

	@media (max-width: $MQMobile) {
		input {
			left: 0;
		}
	}
}

// @parent-theme/components/SidebarGroup.vue
.sidebar-heading {
	color: #999;
}

// @parent-theme/components/SidebarLink.vue
.sidebar {
	.sidebar-links {
		.sidebar-heading {
			font-size: 1.1em;
		}

		a.sidebar-link {
			font-size: 1rem;
			line-height: 1.4;
		}

		.sidebar-sub-headers a.sidebar-link {
			font-size: 1em;
		}
	}
}

// @parent-theme/components/AlgoliaSearchBox.vue
.algolia-search-wrapper {
	.algolia-autocomplete  {
		.algolia-docsearch-suggestion {
			.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight {
				background-color: rgba(#fff, 0.25);
			}

			@media (max-width: $MQMobile) {
				.algolia-docsearch-suggestion--subcategory-column {
					opacity: 1;
					background-color: transparent !important;
				}
			}
		}

		.algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
			box-shadow: inset 0 -2px 0 0 rgba(#3eaf7c, 0.8);
		}
	}
}

// @parent-theme/styles/custom-blocks.styl
@import './custom-blocks.styl';