1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • FF89: kleines optisches Problem beim TAB-aufhübschen

    • Mira_Belle
    • 16. Juni 2021 um 23:36

    In Zeile 28 hast Du definiert, dass die Tabs nur oben einen Radius aufweisen!

    CSS
      border-radius: 10px 10px 0 0 !important;

    In Zeile 40 wiederum haben die Tabs oben UND unten einen Radius!

    CSS
        border-radius: 20px 20px 20px 20px !important;

    Versuche mal

    CSS
        border-radius: 20px 20px 0 0 !important;
  • Adressfeld & Suchfeld anpassen

    • Mira_Belle
    • 9. Juni 2021 um 20:46

    Bezug nehmend zu diesem Thread => Farbe für Such- und URL-Box ?

    Möchte ich auf diesen Code-Fetzen eingehen.

    CSS
    #urlbar-input, #urlbar-scheme, .searchbar-textbox {  background: black !important;  color: white !important;  font-weight: bold !important;}.urlbar-input-box {    font-weight: bold !important;  background: black !important;}

    bzw. diesen.

    CSS
    #urlbar,
    #urlbar *,
    #searchbar,
    #searchbar *
    {
    
        background-color: #ffffff !important;
        color:  #000000  !important;

    Beide kommen meinem Wunsch recht nahe!

    Ersterer verändert nur die Eingabefelder,

    aber nicht die Popups

    sieht dann so aus.

    Passiv.

    Und wenn eins der Felder aktiv ist.

    Zweiter Code zwar die ganzen Felder, jedoch nicht das Popups der Suche.

    Und beide tun dies dauerhaft!

    Auch verschwinden die Symbole am Ende des Adressfelds.

    Kann man wirklich nicht unterscheiden, ob aktiv oder passiv?

  • Farbe für Such- und URL-Box ?

    • Mira_Belle
    • 9. Juni 2021 um 20:33
    Zitat von .DeJaVu

    Falls deine Anfrage von neulich betreffen sollte, wäre es nett, wenn du mit Bezug auf dieses Thema dort weiterschreiben würdest. Ansonsten verwirrt es nur.

    Oha, natürlich, werde ich machen. Sorry.

  • Farbe für Such- und URL-Box ?

    • Mira_Belle
    • 9. Juni 2021 um 19:26
    Zitat von 2002Andreas
    CSS
    #urlbar-input, #urlbar-scheme, .searchbar-textbox {
      background: white !important;
      color: black !important;
      font-weight: bold !important;
    }
    
    .urlbar-input-box {  
      font-weight: bold !important;
      background: white !important;
    }

    und wie müsste dieser Code abgeändert werden, um die Eingabefelder

    im passiven Zusand tranzparent zubekommen?

    Und nur im aktiven Zustand MIT "background"?

  • Ein Themes selbst erstellen, oder ein vorhandenes bearbeiten.

    • Mira_Belle
    • 8. Juni 2021 um 12:24

    Hey, Danke!

    Über Firefox Color bin ich auch schon gestolpert!

    Habe das "Bild" aus der originalen Themes-Datei extrahiert

    und die Werte aus der "manifest.json" notiert.

    Die Zuordnung hat etwas gedauert, aber, TADA!!

    Es ist fast so geworden wie ich es wollte.

    Adress- & Suchfeld sind transparent, im passiven Zustand.

    Einzig wenn man in die Felder klickt, gibt es keine Tranzparenz.

    Des halb habe ich den Backgrount meinen Popups angepasst.


    Also, allen nochmals ein herzliches DANKESCHÖN.

    Gruß

    Mira

  • Ein Themes selbst erstellen, oder ein vorhandenes bearbeiten.

    • Mira_Belle
    • 8. Juni 2021 um 09:56

    Hallo.

    Da ich mit meinem Vorhaben per "userChrome.css" das Adress- und das Suchfeld zu verändern

    (Adressfeld & Suchfeld anpassen)

    nicht weiter komme, bin ich auf die verwegene Idee gekommen, mir mal so ein Theme.xpi

    mal genauer anzuschauen.

    Also, so ein xpi-File ist ja im Grunde nur eine "Zip"! Theoretisch!

    Darin sind enthalten:

    Ein Ordner namens "META-INF" sowie das "Bild" und eine Datei mit der Bezeichnung "manifest.json".

    In dieser "manifest.json" sind die Parameter, wie das Themes gehändelt werden soll hinterlegt!!

    Tada!

    Z.B. so =>

    Code
    {
        "name": "abstract Orange-and-blue",
        "manifest_version": 2,
        "version": "3.0",
        "theme": {
            "images": {
                "theme_frame": "460980_1280x1024px-orange-blue-images_2880x1800_h.jpg"
            },
            "colors": {
                "frame": "rgba(255, 0, 0, 1)",
                "tab_background_text": "rgba(255, 255, 255, 1)",
                "toolbar": "rgba(0, 0, 0, 0)",
                "bookmark_text": "rgba(0, 0, 255, 1)",
                "toolbar_field": "rgba(0, 255, 0, 0.33)",
                "toolbar_field_text": "rgba(255, 255, 255, 1)"
            }
        }
    }
    Alles anzeigen

    Nun zum Problem.

    Einfach die Werte ändern und wieder ins Zip, bzw. XPI zurückschieben is nicht!!

    Die Themes.xpi ist signiert und deshalb funktioniert es so nicht.

    Wer kann mir hier weiter helfen?

    Wie kann ich eine xpi-Datei nachträglich bearbeiten,

    oder wie kann eine solche xpi-Datei erstellt werden.

    (Mein Englisch ist mehr als grotten schlecht und die Anleitung auf Mozillas Seiten scheinen veraltet zu sein!)

    Gruß

    Mira

  • Unerwünschte Erweiterungssymbole aus der Adressleiste ausblenden

    • Mira_Belle
    • 7. Juni 2021 um 15:46
    Zitat von ulli5

    Ich habs doch selber rausgefunden.

    Wie? Lass uns (mich) an Deiner Lösung teilhaben.

    Danke.

  • Menuleisten Anpassung

    • Mira_Belle
    • 7. Juni 2021 um 15:14
    Zitat von BarbaraZ-

    Danke, damit den ersten Fehler gefunden.

    Das ander soll Analog dieses Reiters aussehen:

    Da ist nichts "falsch"!

    Das ist bei mir auch so, die sind nicht nutzbar, also nicht "Aktiv".

    Klick doch mal drauf, da passiert nichts.

    Und wählst Du alles "Alles Auswählen", oh, schauts anders aus.

    Ergo, das muss so. ;)

    Geh mal auf Ansicht, da hast Du "Textcodierung" grau hinterlegt,

  • Menuleisten Anpassung

    • Mira_Belle
    • 7. Juni 2021 um 15:04
    CSS
        padding-left: 294px !important;

    29px !

  • Adressfeld & Suchfeld anpassen

    • Mira_Belle
    • 7. Juni 2021 um 11:43

    Komme einfach nicht weiter!

    Irgendwo hier MUSS doch der entsprechende "Schalter" sein!

    CSS
    /* Search bar */
    
    #search-container {
      min-width: 125px;
    }
    
    .searchbar-search-button {
      -moz-box-align: center;
      fill: currentColor;
    }
    
    .searchbar-search-icon {
      list-style-image: url(chrome://global/skin/icons/search-glass.svg);
      -moz-context-properties: fill, fill-opacity;
      fill-opacity: var(--urlbar-icon-fill-opacity);
      pointer-events: none;
      margin-inline: 8px 6px;
      width: 16px;
    }
    
    @media not (-moz-proton) {
    .searchbar-search-icon {
      fill-opacity: .4;
    }
    
    .searchbar-search-button:hover > .searchbar-search-icon {
      fill-opacity: .6;
    }
    
    .searchbar-search-button:hover:active > .searchbar-search-icon {
      fill-opacity: .8;
    }
    } /*** END !proton ***/
    
    .searchbar-search-icon-overlay {
      pointer-events: none;
    }
    
    .searchbar-search-button[addengines=true] > .searchbar-search-icon-overlay {
      list-style-image: url(chrome://browser/skin/search-indicator-badge-add.svg);
      margin-inline: -15px 4px;
      margin-top: -10px;
      width: 11px;
      height: 11px;
    }
    
    .searchbar-search-button[addengines=true] > .searchbar-search-icon-overlay:-moz-locale-dir(rtl) {
      margin-inline: -25px 14px;
    }
    
    .searchbar-search-button:hover:not([addengines=true]) > .searchbar-search-icon-overlay {
      list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
      -moz-context-properties: fill;
      margin-inline: -8px 2px;
      width: 6px;
      height: 6px;
    }
    
    .searchbar-search-button:hover:not([addengines=true]) > .searchbar-search-icon-overlay:-moz-locale-dir(rtl) {
      margin-inline: -26px 20px;
    }
    
    .searchbar-engine-one-off-add-engine:not([image]),
    moz-input-box > menupopup .context-menu-add-engine:not([image]) {
      list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
    }
    
    @media (min-resolution: 1.1dppx) {
      .searchbar-engine-one-off-add-engine:not([image]),
      moz-input-box > menupopup .context-menu-add-engine:not([image]) {
        list-style-image: url("chrome://browser/skin/search-engine-placeholder@2x.png");
      }
    }
    
    .searchbar-engine-one-off-add-engine > .button-box::after,
    moz-input-box > menupopup .context-menu-add-engine > .menu-iconic-left::after {
      content: "";
      position: relative;
      display: -moz-box;
      background: url(chrome://browser/skin/search-indicator-badge-add.svg) no-repeat center;
      height: 11px;
      width: 11px;
      margin-inline: -4px -7px;
      margin-top: -13px;
    }
    
    #urlbar .searchbar-separator {
      display: none;
    }
    
    moz-input-box > menupopup .context-menu-add-engine > .menu-iconic-left::after {
      /* These differ from the urlbar and searchbar because the context menu
         may not have enough space */
      margin-inline: -7px -4px;
      margin-top: -8px;
    }
    
    /* Fade a little the icon so that the + badge is more evident and the button
       is less likely to be visually confused with a normal search shortcut */
    .searchbar-engine-one-off-add-engine[image]:not(:hover) > .button-box > .button-icon {
      opacity: 0.7;
    }
    .searchbar-engine-one-off-add-engine[image]:hover > .button-box > .button-icon {
      opacity: 1;
    }
    
    @media (-moz-proton) {
    #urlbar-input::placeholder,
    .searchbar-textbox::placeholder {
      opacity: 0.69;
    }
    } /*** END !proton ***/
    
    @media not (prefers-contrast) {
      @media (-moz-proton) {
      :root:not(:-moz-lwtheme) #urlbar:not([focused="true"]) {
        --urlbar-box-bgcolor: white;
      }
      :root[lwt-default-theme-in-dark-mode] #urlbar:not([focused="true"]) {
        --urlbar-box-bgcolor: var(--lwt-toolbar-field-focus);
      }
      } /*** END proton ***/
    }
    Alles anzeigen

    Habe leider von CSS nicht die gerigste Ahnung.

    Waren meine eigenen Anpassungen also nur purer Zufall?

    Bin mir auch nicht Sicher, ob ich mit den Browserwerkzeugen so richtig umgehe,

    jedoch hat das Eine oder Andere aber doch hingehauen.

    Nur hier stochere ich im Dunklen.

    Wenn mir jemand in irgend einer Weise helfen kann,

    dann versuche ich es weiter, wenn nicht, begrabe ich mein Vorhaben.

    Danke an alle, die mir bei meinen Anpassungen geholfen haben.

    Gruß

    Mira

  • Adressfeld & Suchfeld anpassen

    • Mira_Belle
    • 6. Juni 2021 um 23:17

    Komme nicht weiter!

    Sieht nun so aus!

    D.h. Die Felder sind zwar transparent, ABER!

    Sie habe a. einen sehr dünnen schwarzen Rahmen.

    Passiv, wie auch aktiv.

    Aktiv wird die Schrift, sowohl auch Symbole schwarz!

    So mag ich es nicht!!

    Der, zu diesem gehörende Chaos, Code

    CSS
    #urlbar:-moz-lwtheme > #urlbar-background {
    
        background-color: rgba(255, 255, 255, 0) !important;
    }
    
    #searchbar:-moz-lwtheme {
        background-color: rgba(255, 255, 255, 0) !important;
    }
  • Adressfeld & Suchfeld anpassen

    • Mira_Belle
    • 6. Juni 2021 um 21:20
    Zitat von Dharkness

    Was ist das?

    Eine Erweiterung für den Firefox. Ersetzt die Startseite.

  • Hover-Farbe für Tabs und "Schließen"-Button

    • Mira_Belle
    • 6. Juni 2021 um 21:17

    Apropos Hover-Farbe für "Schließen"-Button.

    Ich habe es so gelöst.

    CSS
    /*Tab schließen X hover*/
    .tab-content > .tab-close-button:hover {
        background-color:transparent !important;
        box-shadow: inset 0px 0px 25px 0px #ff3232 !important; /* Hellrot*/
    }

    Man kann dann eine gewisse "Transparenz" erzielen.

  • Adressfeld & Suchfeld anpassen

    • Mira_Belle
    • 6. Juni 2021 um 21:13
    Zitat von .DeJaVu

    Abseits von deiner Frage - du weisst aber schon, dass FVD alle deine Dials zwecks Bildabfrage an einen Server sendet? Ich kann dir nur nicht sagen, ob das einmalig beim Erstellen passiert oder auch mittendrin, aber ich weiss, dass der Autor seine Bilderdatenbank ständig vergrößert.

    =O Oh, das wusste ich tatsächlich nicht.

    Alternative?

  • Adressfeld & Suchfeld anpassen

    • Mira_Belle
    • 6. Juni 2021 um 20:29

    Mh, ich bin fast schon wunschlos (glücklich) mit meinen Anpassungen, dank Eurer Hilfen!

    Es gibt noch eine große Baustelle!

    Wie man erkennen kann, sind das Adressfeld und das Suchfeld im passiven Modus

    leicht weis-transparent.

    Ich hätte gerne, dass diese Felder so ausschauen, wie die passiven Tabs.

    Und wenn die Felder aktiv sind, dann sollen sie so aussehen wie jetzt.

    Denn wenn sie aktiv sind, sind sie undurchsichtig.

  • Hover-Farbe für Tabs und "Schließen"-Button

    • Mira_Belle
    • 6. Juni 2021 um 20:12

    genetic

    Wird tatsächlich auch vom in Firefox verwendetem Theme beeinflusst!

    Gerade ausprobiert!

  • Hover-Farbe für Tabs und "Schließen"-Button

    • Mira_Belle
    • 6. Juni 2021 um 19:48

    Die 3 Symbole, in der Ecke, sind von Windows, also dem BS selber!

    Du müsstest dann also ein dunkles Theme in Windows selber auswählen.

  • Farben der aktiven Adressleiste

    • Mira_Belle
    • 5. Juni 2021 um 21:54
    Zitat von gabinski

    Mira_Belle

    Jaaaaa, so klappt es!

    Hatte vorher die Codes einzeln probiert, was nichts gebracht hat. Bin gar nicht auf die Idee gekommen, sie zu kombinieren.

    Danke Dir! :)

    Ich hab wem geholfen, hach was bin ich doch für ein gutes Mädchen. :saint:

  • Farben der aktiven Adressleiste

    • Mira_Belle
    • 5. Juni 2021 um 21:36

    Hi gabinski

    Nimm doch mal den Code von 2002Andreas aus Beitrag #10

    und

    für das Suchfeld, meinen aus Beitrag #16.

    Sollte dann so aus schauen.

    CSS
    /* Rahmen von Adressfeld und Suchfeld */
    
    #urlbar-container {
        --toolbar-field-focus-border-color: transparent !important;
    }
    
    #search-container {
        --toolbar-field-focus-border-color: transparent !important;
    }

    Du kannst aber "transparent !important;" auch mal durch "none !important;" ersetzen.

  • Farben der aktiven Adressleiste

    • Mira_Belle
    • 5. Juni 2021 um 19:05

    Und für's Suchfeld:

    CSS
    #search-container {
        --toolbar-field-focus-border-color: yellow !important;
    }

    Geht auch mit HEX

    Habe lange mit den "Brwoser-Werkzeugen" herumexperimentiert!

    Zufall, dass ich es hinbekommen habe?

    Adressleistenrahmen, Farbe verändern => Erledigt!
    Suchfeld, Farbe verändern => Erledigt!

    Lesezeichen-Stern => Erledigt!
    Download-Symbol => Erledigt!

    Das Eingabefeld des Adressfelds transparent => noch offen
    Das Eingabefeld des Suchfelds transparent => noch offen
    Im passiven Zustand!
    Im Aktiven halbtransparent, wenn möglich.

    Bis hier hin erst einmal Danke an grisu2099 und an 2002Andreas.

Unterstütze uns!

Jährlich (2026)

69,4 %

69,4% (538,17 von 775 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon