Cute Theme for Surfingkeys.js

Visual.style("cursor", `
    background-color: rgba(127, 225, 254);
    pointer-events: none;
    height: 1em;
    z-index: 999;
`);
Visual.style("marks", `
    margin-top: 1em;
    background-color: aquamarine;
    pointer-events: none;
    max-height: 4px;
    z-index: 1000;
`);
Hints.style(`
  font-size: 9pt;
  font-weight: normal;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 7px 0px;
  opacity: 0.8;
  padding: 2px 4px;
  background:linear-gradient(90deg, #4568dc 0%,#b06ab3 100% );
  border-style: none;
`);
Hints.style(
  `
  font-size: 9pt;
  font-weight: normal;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 7px 0px;
  opacity: 0.8;
  padding: 2px 4px;
  border-style: none;
  background: linear-gradient(90deg, #56ccf2 0%,#2f80ed 100% );
`,
  "text"
);
settings.theme = `
.sk_theme {
     color: #444444;
     background: #fefefe;
     transition: all, 200ms;
}
.sk_theme input {
     color: #333333;
}
.sk_theme .separator {
     display: none;
}
.sk_theme .omnibar_highlight {
     color: #3bb1ff;
     text-shadow: none !important;
     font-style: italic;
}
 .sk_theme .omnibar_folder {
     color: steelblue;
     font-weight: 200;
}
 .sk_theme .omnibar_timestamp {
     color: hotpink;
     font-weight: 100;
}
 #sk_omnibar {
     box-shadow: 0 2px 80px #00000025;
     border-radius: 20px;
     padding: 10px;
}
 .sk_omnibar_middle #sk_omnibarSearchArea {
     margin: 0.5rem 1rem;
     border-bottom: 2px solid #eeeeee;
     padding: 0.8rem;
}
 .resultPage {
     font-weight: 100;
}
 #sk_omnibarSearchResult {
     font-size: 15px ;
}
 #sk_omnibarSearchResult li div.url {
     font-weight: normal;
     white-space: nowrap;
}
 .sk_theme #sk_omnibarSearchResult>ul>li:nth-child(odd) {
     background: #fefefe;
}
 #sk_omnibarSearchResult>ul>li {
     display: block;
     max-height: 600px;
     overflow-x: hidden;
     overflow-y: auto;
     transition: all 800ms;
     padding: 7px;
}
 .sk_theme #sk_omnibarSearchResult>ul>li.focused {
     background: #cef;
     padding: 20px 12px;
     transition: all 200ms;
}
 #sk_omnibarSearchResult li.focused div.url {
     white-space: nowrap;
}
 #sk_find {
     border-style: none;
     outline: none;
     color: #333333;
     min-width: 200px;
     font-size: 20px;
}
 #sk_status {
     position: fixed;
     bottom: 50px;
     right: -1px;
     z-index: 2147483000;
     padding: 15px;
     border-radius: 30px 0 0 30px;
     border: 0 solid #777;
     box-shadow:0 0 25px #00000025;
     font-size: 15px;
}
 #sk_status>span {
     border-right:0 !important;
}
 #sk_banner {
    padding: 1rem 5rem;
    font-size: 18px;
    border-radius: 0 0 15px 15px;
    border-style: none;
    background: #fefefe;
    box-shadow: 0 2px 50px #00000020;
    box-sizing: border-box;
}
 #sk_keystroke {
    background: #fefefe80;
    padding: 13px;
    font-size: 15px;
}
.sk_theme .annotation {
    color: inherit;
}
@keyframes expandRichHints {
    0% {
        opacity: 0.4;
        transform: scale3d(.3, .3, .3);
        transform-origin: right bottom;
    }

    100% {
        opacity: 1;
    }
}
@keyframes collapseRichHints {
    0% {
            opacity: 1;
        }    
    100% {
            opacity: 0;
            transform: scale3d(.3, .3, .3);
            transform-origin: right bottom;
        }   
}
`;