squiid/rust
1
0
Fork 0
Code Issues Pull requests Projects Activity

Rollup merge of #74371 - Aloso:patch-1, r=GuilliameGomez

Browse source 
Improve ayu rustdoc theme

This PR changes the following:

* It makes some lines darker
* It gives the crate selector and search bar a border
  * The search bar's border turns blue when focused
* ~~Gives the logo a bright shadow.~~

For standard library crates, it would be better to invert the logo, but that would be bad for crates with a colored logo, e.g. [async-std](https://docs.rs/async-std/1.6.2/async_std/).

Before:

![old](https://user-images.githubusercontent.com/15658558/87576611-ed4e0800-c6d1-11ea-9667-3924702f79e2.png)

After (note that this PR no longer includes the white shadow of the logo):

![new](https://user-images.githubusercontent.com/15658558/87576621-ef17cb80-c6d1-11ea-8e15-5d7f8b180c07.png)
This commit is contained in:
Manish Goregaokar 2020-07-16 17:09:02 -07:00 committed by GitHub
commit 874097c8c7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/librustdoc/html/static/themes/ayu.css
View file

@ -108,7 +108,7 @@ pre {
}
.sidebar .version {
border-bottom-color: #DDD;
border-bottom-color: #424c57;
}
.sidebar-title {
@ -198,7 +198,7 @@ pre.rust .comment, pre.rust .doccomment {
}
nav:not(.sidebar) {
border-bottom-color: #e0e0e0;
border-bottom-color: #424c57;
}
nav.main .current {
border-top-color: #5c6773;
@ -223,22 +223,19 @@ a {
#crate-search {
color: #c5c5c5;
background-color: #141920;
border-radius: 4px;
box-shadow: none;
border-color: #5c6773;
box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent;
border-color: #424c57;
}
.search-input {
color: #ffffff;
background-color: #141920;
box-shadow: none;
box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent;
transition: box-shadow 150ms ease-in-out;
border-radius: 4px;
margin-left: 8px;
}
#crate-search+.search-input:focus {
box-shadow: 0px 6px 20px 0px black;
box-shadow: 0 0 0 1px #148099,0 0 0 2px transparent;
}
.search-focus:disabled {