From 38fa41c178541ae2471794639993a233a77b954d Mon Sep 17 00:00:00 2001 From: Niklas Gollenstede Date: Sun, 30 May 2021 02:13:14 +0200 Subject: [PATCH] another round of updates, adjustments, and fixes --- .../amazon-inverted.css | 0 .../context-menu-cleanup.css | 7 +- .../duckduckgo-inverted.css | 0 .../github-custom-width.css | 36 ++- .../google-inverted.css | 0 .../javadoc-inverted.css | 0 jshint-wide.css => archive/jshint-wide.css | 0 .../mail-content-inverted.css | 0 .../scrollbars-hovering-dark.css | 0 .../stylish-editor-slim.css | 0 tabview-dark.css => archive/tabview-dark.css | 0 .../thunderbird-dark.css | 0 .../userstyles-org-inverted.css | 0 developer-edition-dark.css | 207 ++++--------- ...> firefox-devtools-dark-theme-pre-ff49.css | 0 hackmd-dark.css | 276 ++++++++++++++++++ image-view-transparent-background.css | 2 +- netflix-video-zoom.css | 22 -- nextcloud-better-dark-theme.css | 42 +++ tabliss-fullscreen-contain.css | 19 -- video-zoom.css | 31 ++ 21 files changed, 441 insertions(+), 201 deletions(-) rename amazon-inverted.css => archive/amazon-inverted.css (100%) rename context-menu-cleanup.css => archive/context-menu-cleanup.css (94%) rename duckduckgo-inverted.css => archive/duckduckgo-inverted.css (100%) rename github-custom-width.css => archive/github-custom-width.css (65%) rename google-inverted.css => archive/google-inverted.css (100%) rename javadoc-inverted.css => archive/javadoc-inverted.css (100%) rename jshint-wide.css => archive/jshint-wide.css (100%) rename mail-content-inverted.css => archive/mail-content-inverted.css (100%) rename scrollbars-hovering-dark.css => archive/scrollbars-hovering-dark.css (100%) rename stylish-editor-slim.css => archive/stylish-editor-slim.css (100%) rename tabview-dark.css => archive/tabview-dark.css (100%) rename thunderbird-dark.css => archive/thunderbird-dark.css (100%) rename userstyles-org-inverted.css => archive/userstyles-org-inverted.css (100%) rename firefox-devtools-dark-theme-pre -ff49.css => firefox-devtools-dark-theme-pre-ff49.css (100%) create mode 100644 hackmd-dark.css delete mode 100644 netflix-video-zoom.css create mode 100644 nextcloud-better-dark-theme.css delete mode 100644 tabliss-fullscreen-contain.css create mode 100644 video-zoom.css diff --git a/amazon-inverted.css b/archive/amazon-inverted.css similarity index 100% rename from amazon-inverted.css rename to archive/amazon-inverted.css diff --git a/context-menu-cleanup.css b/archive/context-menu-cleanup.css similarity index 94% rename from context-menu-cleanup.css rename to archive/context-menu-cleanup.css index e0666a4..fe964eb 100644 --- a/context-menu-cleanup.css +++ b/archive/context-menu-cleanup.css @@ -35,16 +35,13 @@ #context-sendlinktodevice, #context-bookmarkpage, #context-savepage, - + #context-searchselect, #context-viewsource, #context-viewpartialsource-selection, #context-viewinfo, - #context-inspect-a11y, - - #dtaCtxSepFront-direct, - .dta-menuitem.dta-turbo + #context-inspect-a11y { display: none; } diff --git a/duckduckgo-inverted.css b/archive/duckduckgo-inverted.css similarity index 100% rename from duckduckgo-inverted.css rename to archive/duckduckgo-inverted.css diff --git a/github-custom-width.css b/archive/github-custom-width.css similarity index 65% rename from github-custom-width.css rename to archive/github-custom-width.css index 3dcc620..e12396d 100644 --- a/github-custom-width.css +++ b/archive/github-custom-width.css @@ -1,24 +1,47 @@ -/** +/** ==UserStyle== * @name GitHub custom width * @stylish-id 113930 * @author Niklas Gollenstede * @licence CC-BY-SA-4.0 or MIT * @description * Makes GitHubs main column wider, to use more of large screens. - * This uses css 'calc' rules, so that is works at any width. Especially on smaller screens, it defaults to the standard width. + * This uses css 'calc' rules, so that is works at any width. On smaller screens it simply defaults to the standard width. * You can also choose the max-width. * * If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/stylish + * + * + * @options + * min-width: + * title: Content `min-width` + * type: number + * suffix: px + * max-width: + * title: Content `max-width` + * type: number + * suffix: px */ @-moz-document regexp("^https://(\w+\.)?github\.com(\/.*?)*$") { .container { - width: calc(80%); - min-width: 980px; - max-width: 1380px; + min-width: /*[[!min-width]]*/980px/*[[/min-width]]*/; + max-width: /*[[!max-width]]*/1380px/*[[/max-width]]*/; + width: calc(90%); + } + body { + min-width: auto; + } + .js-header-wrapper { + overflow: hidden; } + .Header { + min-width: 1000px; + } + @media (max-width: 1000px) { .HeaderMenu .mt-0 { + display: none; + } } .repository-with-sidebar .repository-content { width: calc(100% - 60px); } @@ -31,9 +54,6 @@ .org-main { width: calc(100% - 280px); } - .news { - width: calc(100% - 360px); - } .timeline-new-comment { max-width: unset; } diff --git a/google-inverted.css b/archive/google-inverted.css similarity index 100% rename from google-inverted.css rename to archive/google-inverted.css diff --git a/javadoc-inverted.css b/archive/javadoc-inverted.css similarity index 100% rename from javadoc-inverted.css rename to archive/javadoc-inverted.css diff --git a/jshint-wide.css b/archive/jshint-wide.css similarity index 100% rename from jshint-wide.css rename to archive/jshint-wide.css diff --git a/mail-content-inverted.css b/archive/mail-content-inverted.css similarity index 100% rename from mail-content-inverted.css rename to archive/mail-content-inverted.css diff --git a/scrollbars-hovering-dark.css b/archive/scrollbars-hovering-dark.css similarity index 100% rename from scrollbars-hovering-dark.css rename to archive/scrollbars-hovering-dark.css diff --git a/stylish-editor-slim.css b/archive/stylish-editor-slim.css similarity index 100% rename from stylish-editor-slim.css rename to archive/stylish-editor-slim.css diff --git a/tabview-dark.css b/archive/tabview-dark.css similarity index 100% rename from tabview-dark.css rename to archive/tabview-dark.css diff --git a/thunderbird-dark.css b/archive/thunderbird-dark.css similarity index 100% rename from thunderbird-dark.css rename to archive/thunderbird-dark.css diff --git a/userstyles-org-inverted.css b/archive/userstyles-org-inverted.css similarity index 100% rename from userstyles-org-inverted.css rename to archive/userstyles-org-inverted.css diff --git a/developer-edition-dark.css b/developer-edition-dark.css index a6cc228..45a9be5 100644 --- a/developer-edition-dark.css +++ b/developer-edition-dark.css @@ -5,34 +5,13 @@ * @licence CC-BY-SA-4.0 or MIT * @description * Slight rework of the dark Developer Edition theme of Firefox. - * Requires Firefox' dark theme, preferably with compact density. - * Also works in Thunderbird (before version 60). + * Requires Firefox' dark theme, or Firefox with a dark system theme. * * If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/stylish */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@-moz-document - url-prefix(chrome://), - url-prefix(about:), - url-prefix(resource://) -{ - /* - * context menu - */ - - menupopup { - filter: invert(100%) hue-rotate(180deg); - padding: 1px; - } - menu .menu-iconic-left, - menuitem .menu-iconic-left { - filter: invert(100%) hue-rotate(180deg); - } -} - - @-moz-document url(chrome://global/content/alerts/alert.xul) { @@ -47,7 +26,7 @@ image { /* TODO: make this optional */ - !background: radial-gradient(white 20%, transparent 73%); + background: radial-gradient(white 20%, transparent 73%); } } @@ -91,27 +70,55 @@ --ded-min-tab-width: 200px; } /* no literal colors from here on */ + :root { + /* reverse some "proton" stuff */ + --tab-min-height: 24px; /* +8px */ + --tab-border-radius: 0px; + --tab-shadow-max-size: 0px; + --proton-tab-block-margin: 0px; + --inline-tab-padding: 10px; + } /* * tabs */ + #TabsToolbar { + background: black; + } + .tabbrowser-tab:not([selected]) { background: var(--ded-inacitve-tab-bg); } - #tabbrowser-tabs { - --tab-line-color: inherit; - } + .tabbrowser-tab[selected] .tab-background { border-style: solid; - border-width: 0 1px; - border-image: linear-gradient(to bottom, - var(--identity-tab-color, var(--tab-line-color)) 3px, - var(--ded-tab-border-color) 3px - ) 1 100%; + border-width: 3px 1px 0 1px; + border-color: var(--ded-tab-border-color); + border-top-color: var(--identity-tab-color, var(--tab-line-color)); + } + .tabbrowser-tab:not([selected]):hover .tab-background { + border-top: 3px solid var(--identity-tab-color, var(--tab-line-color)); + } + + .tabbrowser-tab { + padding-inline: 0; + } + .tabbrowser-tab { + min-height: calc(var(--tab-min-height) + 8px); + } + .tab-secondary-label { + display: none; + } + .tab-icon-image, .tab-icon-overlay { + opacity: 1; + } + .tab-icon-overlay { + background: radial-gradient(black 20%, transparent 75%); + fill-opacity: 1; + position: relative; + left: -6px; } - .tabbrowser-tab[selected]::after /* border between tabs */ - { visibility: hidden; } /* dim not-loaded tabs */ .tabbrowser-tab[pending]>* { /* apply to children to avoid reducing the opacity of the ::after element border */ @@ -122,18 +129,12 @@ background: black;/*[[!pending-tab-style]]*/ /* increase width of non-pinned selected tabs */ .tabbrowser-tab:not([pinned]) { /* transition: none; */ /* must not disable transition (firefox removes the [movingtab] attribute at its end) */ - !transition-timing-function: linear, linear; - !transition-duration: .1s, .1s; + /* transition-timing-function: linear, linear; */ + /* transition-duration: .1s, .1s; */ } .tabbrowser-tab[selected]:not([pinned]) { min-width: var(--ded-min-tab-width); } - /* make the close button a little larger, esp. for touch devices */ - .tab-close-button { - height: 24px; width: 24px; - margin: -0px -6px 0 0; - } - /* put a spotlicht under the favicons, which are mostly designed for light backgrounds */ .tabbrowser-tab .tab-icon-image { background: radial-gradient(white 20%, transparent 75%); @@ -158,17 +159,34 @@ background: black;/*[[!pending-tab-style]]*/ #nav-bar-customization-target { margin-top: -1px; } - #nav-bar, - .mail-toolbox { + #nav-bar { border-top: 1px solid var(--ded-tab-border-color); box-shadow: none; /* margin-top: -1px; */ /* modifying margin-top messes with a [movingtab] hack, so instead translate: */ transform: translateY(-1px); margin-bottom: -1px; + z-index: 1; } #TabsToolbar[movingtab] + #nav-bar { margin-top: -16px; /* [movingtab] adds 15px padding to the #TabsToolbar */ } + /* oultine of search result box */ + #urlbar[open] #urlbar-background { + border: 2px solid var(--toolbar-field-focus-border-color); + } + #urlbar-container, #search-container { + margin-block: 1px; + } + + /* decrease overall height */ + #urlbar-container { + --urlbar-container-height: 33px; + } + #urlbar { + --urlbar-height: 32px; + --urlbar-toolbar-height: 33.8px; + } + /* move reload button into url-bar (must be placed just right of the url-bar) */ /*[[!reload-left]]*/ #urlbar-container { @@ -191,20 +209,12 @@ background: black;/*[[!pending-tab-style]]*/ } /*[[/reload-left]]*/ - /* remove border below UI */ - #navigator-toolbox::after { display: none; } - /* * sidebar */ - #sidebar-splitter { - border-color: var(--chrome-secondary-background-color); - } #sidebar-header { - color: var(--chrome-color); - background-color: var(--chrome-secondary-background-color); margin: -1px 0; padding: 1px 2px 2px 3px; } @@ -213,14 +223,6 @@ background: black;/*[[!pending-tab-style]]*/ } - /* - * panels - */ - - #PopupSearchAutoComplete .search-panel-current-engine - { display: none; } - - /* * plugin notification */ @@ -243,93 +245,6 @@ background: black;/*[[!pending-tab-style]]*/ browser[type="content"]:not([transparent]) { background: black; } - tooltip, /* title attribute hover text */ - #statuspanel[type="overLink"] /* url href preview at window bottom */ - { filter: invert(100%) hue-rotate(180deg); } - - - /* - * tab modal dialogs - */ - - /* make it dark and cover the whole page */ - tabmodalprompt { - filter: invert(100%) hue-rotate(180deg); - background-color: transparent; - display: block; position: relative; - } - tabmodalprompt>spacer - { display: none; } - tabmodalprompt>hbox { - display: block; - width: 100%; height: 100%; - } - tabmodalprompt .mainContainer { - width: 100%; height: 100%; - background-color: rgba(198, 197, 206, .85); - border: none; - } - tabmodalprompt .infoBody { - background-color: rgba(230, 233, 236, .93); - padding: 5px 10px 5px 10px; - } - -} - -@-moz-document - url(chrome://messenger/content/messenger.xul) -{ - /* TODO: add fixes for Thunderbird 60 */ - - .mail-toolbox toolbarbutton { - color: white !important; - } - .mail-toolbox toolbarbutton image { - filter: brightness(200%) saturate(200%) hue-rotate(0deg); - } - - tab .tab-content { - background-color: #1C2126; - } - tab[selected] .tab-content { - background-image: linear-gradient(180deg, #C75600 4px, #39424D 4px); - } - #main-window[sizemode="normal"] tab[selected] .tab-content { - background-image: linear-gradient(180deg, #C75600 2px, #39424D 2px); - } - tab:not([selected]):hover .tab-content { - background-color: #111518; - } - - tab:not([selected]) { - margin-bottom: 2px; - } - tab[selected] { - margin-bottom: 1px; - } - tab[selected] .tab-content { - padding-bottom: 1px; - margin-left: -1px; - } - - #tabbar-toolbar { - padding-right: 5px; - margin-right: -10px; - } - - .mail-toolbox { - border-top-width: 0px !important; - } - - #msgNotificationBar { - position: fixed; - bottom: 20px; - } - - #msgNotificationBar .notificationbox-stack { - position: relative; - } - } @-moz-document diff --git a/firefox-devtools-dark-theme-pre -ff49.css b/firefox-devtools-dark-theme-pre-ff49.css similarity index 100% rename from firefox-devtools-dark-theme-pre -ff49.css rename to firefox-devtools-dark-theme-pre-ff49.css diff --git a/hackmd-dark.css b/hackmd-dark.css new file mode 100644 index 0000000..0d085a1 --- /dev/null +++ b/hackmd-dark.css @@ -0,0 +1,276 @@ +/** ==UserStyle== + * @name hackMD.io Dark Theme + * @author Niklas Gollenstede + * @license CC-BY-SA-4.0 + * @description + * Dark theme for the [hackMD](https://hackmd.io/) collaborative online markdown editor. + * This only targets the main edit and rendered view; the settings and the file list etc. are unchanged. + * + * This started as a copy of . + * The [linked site](https://userstyles.org/styles/147272/hackmd-dark-theme) lists "CC BY-SA" as the original license. + * + * @namespace https://github.com/NiklasGollenstede/user-styles + * @homepageURL https://github.com/NiklasGollenstede/user-styles + * @supportURL https://github.com/NiklasGollenstede/user-styles/issues + */ + +@-moz-document + domain(hackmd.io), + domain(codimd.smartecotec.com), + domain(codimd.gollos.top), + domain(codimd.gollenstede.net) +{ + :root { + scrollbar-color: #8fa1b2 black; /* same as FF devtools */ + --doc-bgc: #14171a; + --doc-txc: white; + --link-txc: #9cf; + --filter-invert: invert(1) hue-rotate(180deg) saturate(1.66667) brightness(1.5); /* invert to preserve text colors, e.g. in code */ + } + + /** + * Unfortunately, the edit/view view is not identifiable by a particular URL-prefix or class on the body or anything like that. + * (EDIT: Actually, the URL having exactly one path segment might be the correct identifier ...) + * + * Currently, styles are applied to this structure (and its children): + * body + * >nav.navbar + * .ui-content + * .ui-edit-area + * .ui-view-area + * #doc + * #ui-toc-affix + * Thus, every selector should start with one of the above, to avoid styling other pages. + */ + + /* fix double scroll bar in "edit" and "both" view */ + .ui-content { margin-bottom: -6px; } + + body:not(.night)>nav.navbar, body:not(.night)>nav.navbar img { /* use `body>` to only target the edit page */ + filter: invert(1) hue-rotate(180deg); + } + + body.night>nav.navbar, body.night>nav.navbar img { + background-color: var(--doc-bgc); + } + + .ui-resizable-handle { /* e.g. between editor and preview */ + background-color: #303030; + border: none; box-shadow: none; + } + + body>.ui-content, + .ui-view-area, + .ui-view-area #doc + { background: var(--doc-bgc); } + + body:not(.night) .ui-view-area #ui-toc-affix { filter: var(--filter-invert); } + + #doc { color: var(--doc-txc); } + + #doc a { color: var(--link-txc); } + + #doc :not(pre)>code:not([data-gist-id]), /* inline code */ + #doc pre { /* code blocks */ + filter: var(--filter-invert); + background-color: white; color: black; fill: black; + border: 1px solid #0006; border-radius: .25em; + } + #doc :not(pre)>code[data-gist-id] { /* gists */ + filter: var(--filter-invert); + } + #doc :not(pre)>code { padding: .03em .2em; } + #doc :not(pre)>code::before, #doc :not(pre)>code::after { display: none; } + body.night #doc pre tspan { fill: black; } + body.night #doc pre.flow-chart path { stroke: black; } + body.night #doc pre.flow-chart rect { stroke: black; } + body.night #doc pre.graphviz .graph > polygon { fill: white; } + body.night #doc .abc path { fill: black; } + + + /* task lists */ + #doc .task-list-item-checkbox { /* = input[type=checkbox] */ + appearance: none; -webkit-appearance: none; + position: relative; top: .08em; + cursor: pointer; + width: 1em; height: 1em; + } + #doc .task-list-item-checkbox::after, #doc .task-list-item-checkbox::before { + content: ""; position: absolute; + left: 0; top: 0; + width: 100%; height: 100%; + } + #doc .task-list-item-checkbox::before { + background: #fff2; + } + #doc .task-list-item-checkbox::after { + transition: all 0.1s ease-in-out; + border: 2px solid #F44336; + } + #doc .task-list-item-checkbox:checked::after { + transform: rotate(-48deg); + height: 9px; border-color: #00E676; + border-top-style: none; border-right-style: none; + } + + #doc tr { + background-color: inherit; + } + #doc tr:nth-child(2n) { + background-color: #7771; + } + + #doc blockquote { color: inherit; } + +/* TODO: continue to remove unnecessary stuff and prefix everything else with `#doc ` */ + + /*--------------- book mode ---------------*/ + #summary, .toolbar { + background: #1e1e1e !important; + } + .toolbar i { + color: #fff; + } + .summary h1, .summary h2, .summary h3 .summary hr { + color: #ddd; + border-color: #777 !important; + } + .summary .nav > li > a { + color: #7bf; + } + .summary .nav-pills > li.active > a, + .summary .nav-pills > li.active > a:focus, + .summary .nav-pills > li.active > a:hover { + color: #ff9100; + } + + /*--------------- editor ---------------*/ + .cm-m-markdown { + color: #ddd; + } + .cm-s-one-dark .cm-header, + .cm-m-xml.cm-attribute { + color: #ffa653; + } + .cm-s-one-dark .cm-string, + .cm-s-one-dark .cm-variable-2 { + color: #7bf; + } + .cm-m-markdown.cm-variable-3 { + color: #ff7e7e; + } + .cm-s-one-dark .cm-link { + color: #b0ee83; + } + .cm-s-one-dark .CodeMirror-linenumber { + color: #666; + } + .cm-strong { + color: #f4511e; + } + .cm-s-one-dark .cm-comment { + color: #888; + } + .cm-matchhighlight { + color: #ffea00; + } + .dropdown-menu.CodeMirror-other-cursor { + border: 2px solid #4d4d4d; + background-color: #202020; + } + .dropdown-menu.CodeMirror-other-cursor li a { + color: #ececec; + } + + /*--------------- code mirror ---------------*/ + .modal-content { + background: #1f2226; + } + .modal-header { + border-bottom: 1px solid #46484f; + } + .modal-footer { + border-top: 1px solid #46484f; + } + a.list-group-item { + background: #1f2226; + color: #ddd; + border: 1px solid #46484f; + } + a.list-group-item .list-group-item-heading { + color: #ddd; + } + a.list-group-item:focus, + a.list-group-item:hover { + background: #434651; + color: #ddd; + } + button.close { + color: #ddd; + opacity: .5; + } + .CodeMirror { + background: #1f2226; + } + .CodeMirror-gutters { + background: #1f2226; + border-right: 1px solid rgba(204, 217, 255, 0.1); + } + .cm-s-default .cm-comment { + color: #888; + } + .cm-s-default .cm-quote { + color: #ddd; + } + .cm-s-default .cm-header { + color: #ffa653; + } + .cm-s-default .cm-link { + color: #b0ee83; + } + .cm-s-default .cm-string, + .cm-s-default .cm-variable-2 { + color: #7bf; + } + .cm-s-default .cm-def { + color: #c678dd; + } + .cm-s-default .cm-number, + .cm-s-default .cm-attribute, + .cm-s-default .cm-qualifier, + .cm-s-default .cm-plus, + .cm-s-default .cm-atom { + color: #eda35e; + } + .cm-s-default .cm-property, + .cm-s-default .cm-variable, + .cm-s-default .cm-variable-3, + .cm-s-default .cm-operator, + .cm-s-default .cm-bracket { + color: #f76e79; + } + .cm-s-default .cm-keyword, + .cm-s-default .cm-builtin, + .cm-s-default .cm-tag { + color: #98c379; + } + .modal-title { + color: #ccc; + } + .modal-body { + color: #ccc !important; + } + div[contenteditable]:empty:not(:focus):before { + color: #aaa; + } + .CodeMirror pre { + color: #ddd; + } + .CodeMirror-lines span[style^="background-color: rgba(230, 255, 230, 0.7); text-decoration: underline;"] { + background-color: #288c27 !important; + } + .CodeMirror-lines span[style^="background-color: rgba(255, 230, 230, 0.7); text-decoration: line-through;"] { + background-color: #a52721 !important; + } + +} diff --git a/image-view-transparent-background.css b/image-view-transparent-background.css index 272ac59..23ee229 100644 --- a/image-view-transparent-background.css +++ b/image-view-transparent-background.css @@ -13,7 +13,7 @@ regexp( "^moz-extension://.*[.](?:gif|jpe?g|a?png|svg)(?:$|[?#])"/*as:content*/), regexp("^(?:https?|file|ftp)://.*[.](?:gif|jpe?g|a?png|svg)(?:$|[?#])"/*as:web*/), regexp("^data:image/.*$"/*as:content*/) -{ @media only screen and (min-width: 600px) { /* exclude subdocuments, esp. SVGs */ +{ @media only screen and (min-width: 600px) and (min-height: 600px) { /* exclude subdocuments, esp. SVGs */ :root:not([class])>body:not([class])>img.transparent:only-child, /* e.g. PNG */ svg:root:only-child /* SVG */ diff --git a/netflix-video-zoom.css b/netflix-video-zoom.css deleted file mode 100644 index 3569961..0000000 --- a/netflix-video-zoom.css +++ /dev/null @@ -1,22 +0,0 @@ -/** ==UserStyle== - * @name Netflix Video Zoom - * @author Niklas Gollenstede - * @license MIT - * @description - * - * - * @option name zoom - * title Zoom - * type number - * min 100 - * max 200 - */ - -@-moz-document - url-prefix("https://www.netflix.com/watch/") -{ - video { - transform: scale(calc(/*[[!zoom]]*/120/*[[/zoom]]*//100)); - transform-origin: center center; - } -} diff --git a/nextcloud-better-dark-theme.css b/nextcloud-better-dark-theme.css new file mode 100644 index 0000000..ac91336 --- /dev/null +++ b/nextcloud-better-dark-theme.css @@ -0,0 +1,42 @@ +/** ==UserStyle== + * @name Complement for NextCloud's dark theme + * @author Niklas Gollenstede + * @license MIT + * @description + * Fixes some issues with NextCloud's dark theme. + */ + + /* + * To apply your style rules only to some pages or browser UI areas, + * list them below and place your style rules between the curly braces. + * See: https://developer.mozilla.org/en-US/docs/Web/CSS/@document + */ +@-moz-document + domain("work.smartecotec.com") +{ + :root { + --color-main-text: white; + --color-text-maxcontrast: #92e4ff; + --color-text-light: #eee; + --color-text-lighter: #ddd; + --color-main-background: #060606; + } + .notification-icon { + filter: invert(1) hue-rotate(180deg); + } + .oc-dialog-dim { + background-color: #555; + opacity: 0.4; + } + + .modified.live-relative-timestamp { + color: white; + } + + body#body-login { + background-image: url('https://source.unsplash.com/collection/1053828/3440x1440'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + } +} diff --git a/tabliss-fullscreen-contain.css b/tabliss-fullscreen-contain.css deleted file mode 100644 index 58fea5a..0000000 --- a/tabliss-fullscreen-contain.css +++ /dev/null @@ -1,19 +0,0 @@ -/** ==UserStyle== - * @name tabliss fullscreen contain - * @author Niklas Gollenstede - * @license MIT - * @description - * When opening the full screen view, changes the `background-size` of - * s new tab images to `cover`, to show the entire image. - * - * If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/user-styles - */ - -@-moz-document - regexp("moz-extension://[^/]+/index.html") -{ - :root:-moz-full-screen>body>#root>.App>.Dashboard>.fullscreen[style*="background-image"] { - background-size: contain; - background-repeat: no-repeat; - } -} diff --git a/video-zoom.css b/video-zoom.css new file mode 100644 index 0000000..ada5cb6 --- /dev/null +++ b/video-zoom.css @@ -0,0 +1,31 @@ +/** ==UserStyle== + * @name Custom Video Zoom + * @author Niklas Gollenstede + * @license MIT + * @description + * Let's you set an adjustable zoom level for videos (`