gah I forgot to stage all my new files
This commit is contained in:
Chris Cochrun
parent
bd5a4b0c0e
commit
9f4c905c03
319 changed files with 12157 additions and 14 deletions
146
.config/firefox/chrome/ShyFox/content/shy-about.css
Normal file
146
.config/firefox/chrome/ShyFox/content/shy-about.css
Normal file
|
|
@ -0,0 +1,146 @@
|
|||
/*== ShyFox about:something pages ===================================================================================================================
|
||||
|
||||
Styles for settings, Firefox View, etc.
|
||||
|
||||
*/
|
||||
|
||||
@-moz-document url-prefix("about:"), url-prefix("chrome:"){
|
||||
|
||||
/* accent color */
|
||||
:root, panel, dialog, window{
|
||||
--in-content-primary-button-background-active: var(--shy-color) !important;
|
||||
--in-content-primary-button-background-hover: var(--shy-color) !important;
|
||||
--lwt-toolbarbutton-icon-fill-attention: var(--shy-color) !important;
|
||||
--in-content-primary-button-background: var(--shy-color) !important;
|
||||
--toolbarbutton-icon-fill-attention: var(--shy-color) !important;
|
||||
--fxview-primary-action-background: var(--shy-color) !important;
|
||||
--toolbar-field-focus-border-color: var(--shy-color) !important;
|
||||
--button-primary-active-bgcolor: var(--shy-color) !important;
|
||||
--button-primary-hover-bgcolor: var(--shy-color) !important;
|
||||
--uc-checkbox-checked-bgcolor: var(--shy-color) !important;
|
||||
--color-accent-primary-active: var(--shy-color) !important;
|
||||
--color-accent-primary-hover: var(--shy-color) !important;
|
||||
--checkbox-checked-bgcolor: var(--shy-color) !important;
|
||||
--in-content-accent-color: var(--shy-color) !important;
|
||||
--button-primary-bgcolor: var(--shy-color) !important;
|
||||
--in-content-link-color: var(--shy-color) !important;
|
||||
--color-accent-primary: var(--shy-color) !important;
|
||||
--focus-outline-color: var(--shy-color) !important;
|
||||
--input-border-color: var(--shy-color) !important;
|
||||
}
|
||||
|
||||
.primary-button{
|
||||
--primary-button-background-color: var(--shy-color) !important;
|
||||
--primary-button-hover-background-color: color-mix(in srgb, white 10%, var(--shy-color)) !important;
|
||||
--primary-button-active-background-color: color-mix(in srgb, white 20%, var(--shy-color)) !important;
|
||||
}
|
||||
|
||||
:is(.icon, img)[src="chrome://global/skin/icons/info-filled.svg"] {fill: var(--shy-color) !important;}
|
||||
moz-message-bar {background-color: var(--in-content-button-background) !important;}
|
||||
|
||||
.cpu{
|
||||
background: linear-gradient(
|
||||
to left,
|
||||
var(--shy-color)
|
||||
calc(var(--bar-width) * 1%),
|
||||
transparent
|
||||
calc(var(--bar-width) * 1%)
|
||||
) !important;
|
||||
}
|
||||
|
||||
button[role="tab"][selected]::before {display: none !important;}
|
||||
|
||||
/* big rounded corners */
|
||||
.menupopup-arrowscrollbox, moz-message-bar,
|
||||
.addon-detail-contribute, panel-list,
|
||||
.trr-message-container,
|
||||
.web-appearance-choice, body[dir],
|
||||
.sidebar-footer-link, menupopup,
|
||||
.info-box-container, section,
|
||||
.sidebar-item--tall, details,
|
||||
.info-box-content,
|
||||
.sidebar-item,
|
||||
.qr-code-box, select,
|
||||
.action-box, table,
|
||||
.dialogBox, tree,
|
||||
.info-box,
|
||||
.category,
|
||||
.toolbar,
|
||||
.modal,
|
||||
.card,
|
||||
|
||||
#ping-picker,
|
||||
#reportBox,
|
||||
#reportBox #comments,
|
||||
#migrationWizardDialog,
|
||||
#translations-manage-install-list
|
||||
|
||||
{border-radius: var(--big-rounding) !important;}
|
||||
|
||||
/* small rounded corners */
|
||||
button:not(
|
||||
:is(
|
||||
[class*="devtools"],
|
||||
[class*="search"],
|
||||
[class*="tab"]
|
||||
)
|
||||
),
|
||||
|
||||
input:not([type="checkbox"]),
|
||||
|
||||
.search-container,
|
||||
.study-icon,
|
||||
|
||||
search-textbox,
|
||||
menulist,
|
||||
span,
|
||||
a,
|
||||
|
||||
.tooltip-container .tooltip-panel,
|
||||
|
||||
#activeLanguages
|
||||
|
||||
{border-radius: var(--rounding) !important;}
|
||||
|
||||
/* only top or bottom corners */
|
||||
.card-heading-image{
|
||||
border-top-left-radius: var(--big-rounding) !important;
|
||||
border-top-right-radius: var(--big-rounding) !important;
|
||||
}
|
||||
|
||||
listheader{
|
||||
border-top-left-radius: var(--rounding) !important;
|
||||
border-top-right-radius: var(--rounding) !important;
|
||||
}
|
||||
|
||||
richlistbox{
|
||||
border-bottom-left-radius: var(--rounding) !important;
|
||||
border-bottom-right-radius: var(--rounding) !important;
|
||||
}
|
||||
|
||||
/* dropdown menu margin */
|
||||
.tooltip-container .tooltip-panel .menuitem,
|
||||
panel-list[role="menu"] panel-item {margin-inline: 5px}
|
||||
|
||||
}
|
||||
|
||||
/* about:debugging thin mode */
|
||||
@-moz-document url-prefix("about:debugging") {
|
||||
@media (max-width: 700px) {
|
||||
.sidebar{
|
||||
width: 45px !important;
|
||||
img{margin: none !important;}
|
||||
|
||||
.sidebar-item:has(.qa-sidebar-no-devices),
|
||||
.sidebar__adb-status,
|
||||
.sidebar__refresh-usb,
|
||||
.sidebar__footer__support-help span,
|
||||
.ellipsis-text {display: none}
|
||||
}
|
||||
|
||||
sidebar__footer__support-help, .sidebar-item__link{width: 23px !important;}
|
||||
.sidebar-item:has(.sidebar__footer__support-help) {width: 14px !important;}
|
||||
.sidebar-fixed-item__icon{margin-right: 0px !important;}
|
||||
.app{display: flex !important;}
|
||||
}
|
||||
}
|
||||
62
.config/firefox/chrome/ShyFox/content/shy-global-content.css
Normal file
62
.config/firefox/chrome/ShyFox/content/shy-global-content.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/*== ShyFox Contents ================================================================================================================================
|
||||
|
||||
Styles for some other things stylable in userContent.css
|
||||
|
||||
/* extensions popups rounding */
|
||||
@-moz-document url-prefix("moz-extension:"){
|
||||
body {border-radius: var(--big-rounding) !important;}
|
||||
}
|
||||
|
||||
/* screenshots */
|
||||
|
||||
#screenshots-component{
|
||||
button {border-radius: var(--rounding) !important;}
|
||||
#buttons-container {border-radius: var(--big-rounding) !important;}
|
||||
|
||||
.screenshots-button {
|
||||
--in-content-primary-button-background: var(--shy-color) !important;
|
||||
--in-content-primary-button-background-hover: color-mix(in oklab, var(--in-content-primary-button-background), white 10%) !important;
|
||||
--in-content-primary-button-background-active: color-mix(in oklab, var(--in-content-primary-button-background), white 20%) !important;
|
||||
--in-content-focus-outline-color: var(--shy-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* simple translate icon */
|
||||
@media (-moz-bool-pref: "shyfox.enable.ext.mono.context.icons") {
|
||||
.simple-translate-button {
|
||||
background-image: none !important;
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
||||
background-color: var(--simple-translate-main-text);
|
||||
mask-image: url("../../icons/translate.svg");
|
||||
mask-repeat: no-repeat;
|
||||
mask-position: center;
|
||||
|
||||
width: inherit !important;
|
||||
height: inherit !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* simple translate */
|
||||
.simple-translate-panel{
|
||||
border-radius: var(--big-rounding) !important;
|
||||
border: 1px solid color-mix(in srgb, var(--simple-translate-main-bg) 90%, var(--simple-translate-main-text)) !important;
|
||||
}
|
||||
|
||||
.simple-translate-button{
|
||||
border-radius: 7px !important;
|
||||
border: 1px solid color-mix(in srgb, var(--simple-translate-main-bg) 65%, var(--simple-translate-main-text)) !important;
|
||||
}
|
||||
|
||||
/* Adaptive Tab Bar Color settings accent */
|
||||
@-moz-document url("moz-extension://d6e33c37-61b0-488f-9899-bf896d64db63/options.html"){
|
||||
* {
|
||||
--color-link: var(--shy-color) !important;
|
||||
--color-accent: var(--shy-color) !important;
|
||||
--color-link-hover: color-mix(in srgb, var(--shy-color) 60%, var(--color)) !important;
|
||||
--color-link-active: color-mix(in srgb, var(--shy-color) 30%, var(--color)) !important;
|
||||
}
|
||||
}
|
||||
177
.config/firefox/chrome/ShyFox/content/shy-new-tab.css
Normal file
177
.config/firefox/chrome/ShyFox/content/shy-new-tab.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
/*== ShyFox New Tab =================================================================================================================================
|
||||
|
||||
Styles for new tab
|
||||
|
||||
*/
|
||||
|
||||
@-moz-document url("about:home"), url("about:newtab") {
|
||||
|
||||
/* accent color */
|
||||
:root{
|
||||
--newtab-primary-action-background: var(--shy-color) !important;
|
||||
--newtab-primary-action-background-pocket: var(--shy-color) !important;
|
||||
|
||||
--tr-col: color-mix(in srgb, var(--newtab-background-color) 40%, transparent);
|
||||
--tr-hov-col: color-mix(in srgb, var(--tr-col) 80%, var(--newtab-text-primary-color));
|
||||
--newtab-background-color-secondary: color-mix(in srgb, var(--newtab-background-color) 90%, var(--newtab-text-primary-color)) !important;
|
||||
--background-color-box: var(--tr-col) !important;
|
||||
}
|
||||
|
||||
.toggle-button[aria-pressed="true"] {
|
||||
background: var(--shy-color) !important;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.home-section .section .sponsored-checkbox:checked {
|
||||
background-color: var(--shy-color) !important;
|
||||
}
|
||||
|
||||
.search-wrapper.fake-focus:not(.search.disabled) .search-handoff-button {
|
||||
border: 1px solid var(--shy-color) !important;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, var(--shy-color) 20%, transparent) !important;
|
||||
}
|
||||
|
||||
/* rounded corners */
|
||||
.top-site-button,
|
||||
.context-menu button,
|
||||
.close-button,
|
||||
.home-section .section .selector
|
||||
{border-radius: var(--rounding) !important;}
|
||||
|
||||
.top-site-outer,
|
||||
.top-site-inner,
|
||||
.context-menu,
|
||||
.icon-settings,
|
||||
.weatherCard
|
||||
{border-radius: var(--big-rounding) !important;}
|
||||
|
||||
/* pinned links */
|
||||
.top-site-button {overflow: clip;}
|
||||
|
||||
.tile, .top-site-icon{
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.top-site-button, .customize-menu{
|
||||
background-color: var(--tr-col) !important;
|
||||
backdrop-filter: blur(var(--blur-radius));
|
||||
}
|
||||
|
||||
.title {
|
||||
background-color: color-mix(in srgb, var(--tr-col) 90%, var(--newtab-text-primary-color));
|
||||
& > span {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.top-site-outer:is(.active, :focus, :hover){
|
||||
background: var(--tr-hov-col) !important;
|
||||
}
|
||||
|
||||
.top-site-outer, .top-site-inner {
|
||||
& > a {padding: 0 !important;}
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.top-site-outer:not(:hover) .icon-pin-small{display: none !important;}
|
||||
|
||||
.context-menu-item{
|
||||
padding-inline: 5px !important;
|
||||
padding-block: 1px !important;
|
||||
}
|
||||
|
||||
/* search box */
|
||||
.search-handoff-button {
|
||||
border-radius: 100px !important;
|
||||
backdrop-filter: blur(var(--blur-radius));
|
||||
background-color: var(--tr-col) !important;
|
||||
}
|
||||
|
||||
/* height overflow */
|
||||
@media (height > 700px) {
|
||||
body:not(.inline-onboarding) .fixed-search .search-wrapper {
|
||||
background-color: var(--tr-col) !important;
|
||||
backdrop-filter: blur(var(--blur-radius));
|
||||
}
|
||||
.logo-and-wordmark {display: flex !important;}
|
||||
}
|
||||
|
||||
@media (height <= 700px) {
|
||||
.search-wrapper {padding: 20px 0 30px !important;}
|
||||
.outer-wrapper > main {margin-top: 0px !important;}
|
||||
}
|
||||
|
||||
/* margin to logo when only search is enabled */
|
||||
.only-search .logo-and-wordmark {margin-top: 20px !important;}
|
||||
|
||||
/* wallpaper */
|
||||
body{
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center !important;
|
||||
background-size: cover !important;
|
||||
background-attachment: fixed !important;
|
||||
}
|
||||
|
||||
/* dark wallpaper */
|
||||
:root[lwt-newtab-brighttext] body {background-image: url("../../wallpaper.png") !important;}
|
||||
|
||||
/* light wallpaper */ /* `wallpaper.png` will be used when `-light` one does not exist */
|
||||
:root:not([lwt-newtab-brighttext]) body {background-image: url("../../wallpaper-light.png"), url("../../wallpaper.png") !important;}
|
||||
|
||||
/* central box */
|
||||
main{
|
||||
margin-top: 15% !important;
|
||||
height: 50%;
|
||||
background-color: var(--tr-col);
|
||||
border-radius: var(--giant-rounding);
|
||||
}
|
||||
|
||||
/* settings */
|
||||
.icon-settings:hover {background-color: var(--tr-hov-col) !important;}
|
||||
.close-button-wrapper {background-color: transparent !important;}
|
||||
|
||||
.home-section .section .selector{
|
||||
background-color: var(--tr-col) !important;
|
||||
&:hover{background-color: var(--tr-hov-col) !important;}
|
||||
}
|
||||
|
||||
/* weather */
|
||||
.weatherInfoLink:hover, .weatherButtonContextMenuWrapper:hover {
|
||||
background-color: var(--tr-hov-col) !important;
|
||||
}
|
||||
|
||||
.weatherCard:not(:hover) .weatherButtonContextMenuWrapper{opacity: 0}
|
||||
.weatherInfoLink {border-radius: 0px !important;}
|
||||
.weatherButtonContextMenuWrapper::after{display: none !important;}
|
||||
|
||||
/* autograph */
|
||||
.activity-stream::before,
|
||||
.activity-stream::after
|
||||
{
|
||||
font-family: monospace;
|
||||
color: white;
|
||||
opacity: 0.042;
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.activity-stream::before{
|
||||
content: "ShyFox by N2ezr";
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.activity-stream::after{
|
||||
content: "42 🤙";
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@-moz-document url("about:privatebrowsing") {
|
||||
.search-handoff-button {border-radius: 100px !important;}
|
||||
.info {border-radius: var(--big-rounding) !important;}
|
||||
}
|
||||
142
.config/firefox/chrome/ShyFox/content/shy-sidebery.css
Normal file
142
.config/firefox/chrome/ShyFox/content/shy-sidebery.css
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
/*== ShyFox Sidebery ===============================================================================================================================
|
||||
|
||||
Styles for Sidebery extension
|
||||
|
||||
|
||||
--- VARIABLES ---------------------------------------------------------------------------------------------------------------------------------------
|
||||
|
||||
*/
|
||||
|
||||
|
||||
@-moz-document regexp("^moz-extension://.*?/sidebar/sidebar.html"){ /* wrap start */
|
||||
|
||||
#root.root {
|
||||
--general-border-radius: var(--rounding) !important;
|
||||
--general-margin: 4px !important;
|
||||
|
||||
--button-size: 35px;
|
||||
--pin-favicon-size: 30px;
|
||||
|
||||
--nav-btn-margin: calc(var(--margin) / 2) !important;
|
||||
--nav-btn-width: var(--button-size) !important;
|
||||
--nav-btn-height: var(--button-size) !important;
|
||||
--nav-btn-len-margin: calc(var(--rounding) / 4) !important;
|
||||
|
||||
--audio-btn-round-margin: calc(var(--big-rounding) / 2) !important;
|
||||
|
||||
--tabs-audio-btn-width: 22px !important;
|
||||
--tabs-margin: 6px !important;
|
||||
--tabs-height: var(--button-size) !important;
|
||||
--tabs-inner-gap: calc(var(--margin) / 2) !important;
|
||||
--tabs-border-radius: var(--big-rounding) !important;
|
||||
|
||||
@media (-moz-bool-pref: "shyfox.fill.accent.with.icons.fill.color") {--shy-color: var(--s-toolbar-fg, var(--shy-accent-color)) !important;}
|
||||
--accent: var(--shy-color) !important;
|
||||
--frame-el-overlay-selected-border: var(--accent) !important;
|
||||
--toolbar-el-overlay-selected-border: var(--accent) !important;
|
||||
--status-notice: var(--accent) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
--- PINNED TABS -------------------------------------------------------------------------------------------------------------------------------------
|
||||
|
||||
*/
|
||||
|
||||
/* size calculation */
|
||||
.PinnedTabsBar .tab-wrapper .Tab {
|
||||
--n: 3; --m: 1;
|
||||
|
||||
width: calc(
|
||||
100vw / var(--n)
|
||||
- var(--tabs-margin) * (1/var(--n) + 1)
|
||||
) !important;
|
||||
|
||||
height: calc( (
|
||||
(100vw - var(--tabs-margin)) / 3.6
|
||||
) / var(--m) ) !important;
|
||||
}
|
||||
|
||||
/* 1 pinned tab */
|
||||
.PinnedTabsBar
|
||||
.tab-wrapper:nth-child(1):last-child .Tab
|
||||
{--n: 1; --m: 1.4;}
|
||||
|
||||
/* 2 tabs in bottom row */
|
||||
.PinnedTabsBar:has(.tab-wrapper:nth-child(3n + 2):last-child)
|
||||
.tab-wrapper:nth-last-child(-n + 2) .Tab
|
||||
{--n: 2; --m: 1.2;}
|
||||
|
||||
/* 4 tabs in bottom row */
|
||||
.PinnedTabsBar:has(.tab-wrapper:nth-child(3n + 4):last-child)
|
||||
.tab-wrapper:nth-last-child(-n + 4) .Tab
|
||||
{--n: 4; --m: 1.3;}
|
||||
|
||||
/* audio icon */
|
||||
.Tab[data-pin="true"] > .body > .audio {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
right: var(--audio-btn-round-margin) !important;
|
||||
top: var(--audio-btn-round-margin) !important;
|
||||
}
|
||||
|
||||
/* bigger favicon */
|
||||
.Tab[data-pin="true"] :is(.fav, .fav-icon){
|
||||
width: var(--pin-favicon-size) !important;
|
||||
height: var(--pin-favicon-size) !important;
|
||||
}
|
||||
|
||||
/* shadow, outline and background */
|
||||
.Tab[data-pin="true"] .body {
|
||||
border: 1px solid var(--s-frame-bg) !important;
|
||||
background-color: var(--toolbar-bg) !important;
|
||||
}
|
||||
|
||||
/* selected tab outline */
|
||||
.Tab[data-pin="true"][data-active="true"] .body
|
||||
{border: 1px solid var(--s-frame-fg) !important;}
|
||||
|
||||
/* remove bottom margin */
|
||||
.PinnedTabsBar {margin-bottom: 0px !important;}
|
||||
|
||||
/*
|
||||
|
||||
--- OTHER -------------------------------------------------------------------------------------------------------------------------------------------
|
||||
|
||||
*/
|
||||
|
||||
/* consistent navbar background */
|
||||
#nav_bar {background-color: transparent !important;}
|
||||
|
||||
/* padding */
|
||||
#nav_bar {
|
||||
padding-top: var(--nav-btn-margin) !important;
|
||||
padding-bottom: var(--general-margin) !important;
|
||||
}
|
||||
|
||||
.BottomBar {padding: var(--nav-btn-margin) !important;}
|
||||
|
||||
/* popup */
|
||||
.popup {margin: var(--tabs-margin) !important;}
|
||||
.popup-container {background-color: transparent !important;}
|
||||
|
||||
/* search */
|
||||
#search_bar {margin: 4px !important;}
|
||||
#search_bar[data-showed="false"]{display: none !important;}
|
||||
#search_bar .clear-btn{margin-inline-end: var(--general-margin)}
|
||||
|
||||
.NavigationBar{box-shadow: none !important}
|
||||
|
||||
/* accent colored selection */
|
||||
::selection {background: var(--shy-accent-color) !important;}
|
||||
|
||||
/* notification */
|
||||
.notification{
|
||||
border-radius: var(--rounding) !important;
|
||||
&::after{
|
||||
top: calc(var(--rounding) / 4 + 3px) !important;
|
||||
right: calc(var(--rounding) / 4 + 3px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
} /* wrap end */
|
||||
Loading…
Add table
Add a link
Reference in a new issue