linkfarbe

qwertzy

Aktives Mitglied
Thread Starter
Dabei seit
03.07.2013
Beiträge
238
Reaktionspunkte
8
hallo,
hoffe ihr könnt helfen.
ich würde gern lnkfarben ändern. zb. links in grün, schon besuchte links rot
bei firefox
gibt doch bestimmt ne erweitserung dafür, weil mit ff > einstel.. > sprache u. farbe > farben schon probiert.
aber dann ändert er ja alles.

kann man die farben nicht im about:config ändern?
 
in userContent.css (https://www.reddit.com/r/firefox/wiki/userchrome):

Code:
a:link { color: blue !important; }
a:visited { color: indigo !important; }
a:hover { color: aqua !important; }
a:active { color: crimson !important; }

oder statt blue eine Farbe deiner Wahl, z.B: #551A8B

Farben:
https://paletton.com/

Vielleicht musst du noch toolkit.legacyUserProfileCustomizations.stylesheet in about:config aktivieren.

Oder nach Suchen:
https://superuser.com/questions/638250/how-can-i-change-link-colors-in-firefox-and-chrome-but-leave-all-other-colors-a
https://www.reddit.com/r/firefox/comments/c6m8dr/how_to_force_visited_links_to_change_color/
 
  • Gefällt mir
Reaktionen: scofield und Schnatterente
Geh mal in die Firefox-Einstellungen, da gibt es einen Punkt "Sprache und Erscheinungsbild" ->"Schriftarten und Farben". Da sollte das einzustellen sein.
 
ich bin jetzt zu Chrome gewechselt. jetzt habe ich den Code
Code:
/* ==UserStyle==
[USER=10127]@name[/USER]           Link color changer
@namespace      USO Archive
@author         Aseng gnesa
@description    `I simply wanted to change the normal link and visited link's color because it was too hard to differentiate at a glance.`
@version        20211104.8.59
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
/* unvisited link */
a:link {
  color: #2E9AFE;
}

/* visited link */
a:visited {
  color: #01DF01;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: blue;
}
per Stylus ausm Netz. Funzt auch. Aber nicht auf youtube. Wieso?
 
Zuletzt bearbeitet von einem Moderator:
weiß keiner was zu??
 
weiß keiner was zu??
Bei youtube sind die Links anders aufgebaut im Markup und CSS der Website.

Zum Beispiel so **siehe ganz unten: (und das Markup unten betrifft nur den rot-markierten Bereich im Screenshot)

Und da greifen deine css-Angaben dann nicht, weil youtube links eigene Klassen haben, die einer oberen Hierachie der Kaskade angesprochen werden.

Du kannst es allenfalls mit einem !important jeweils versuchen, aber das funktioniert bei youtubes Markup auch nur bedingt:
a:hover { color: red !important; }


**
link-youtube.png


HTML:
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow" href="/watch?v=QtBQsfsURGo">
        <h3 class="style-scope ytd-compact-video-renderer">
     
          <ytd-badge-supported-renderer collection-truncate="" class="style-scope ytd-compact-video-renderer" disable-upgrade="" hidden="">
          </ytd-badge-supported-renderer>
          <ytd-badge-supported-renderer class="style-scope ytd-compact-video-renderer" disable-upgrade="" hidden="">
          </ytd-badge-supported-renderer>
          <span id="video-title" class="style-scope ytd-compact-video-renderer" aria-label="Nine While Nine von The Sisters of Mercy - Topic vor 7 Jahren 4 Minuten, 11 Sekunden 350.803 Aufrufe" title="Nine While Nine">
            Nine While Nine
          </span>
        </h3>
        <div class="secondary-metadata style-scope ytd-compact-video-renderer">
          <ytd-video-meta-block class="compact style-scope ytd-compact-video-renderer byline-separated" no-endpoints=""><!--css-build:shady-->
<div id="metadata" class="style-scope ytd-video-meta-block">
  <div id="byline-container" class="style-scope ytd-video-meta-block">
    <ytd-channel-name id="channel-name" class="style-scope ytd-video-meta-block"><!--css-build:shady--><div id="container" class="style-scope ytd-channel-name">
  <div id="text-container" class="style-scope ytd-channel-name">
    <yt-formatted-string id="text" title="" class="style-scope ytd-channel-name" ellipsis-truncate="">The Sisters of Mercy - Topic</yt-formatted-string>
  </div>
  <tp-yt-paper-tooltip fit-to-visible-bounds="" class="style-scope ytd-channel-name" role="tooltip" tabindex="-1" style="inset: -40px auto auto 160px;"><!--css-build:shady--><div id="tooltip" class="style-scope tp-yt-paper-tooltip hidden" style-target="tooltip">
 
    The Sisters of Mercy - Topic
 
</div>
</tp-yt-paper-tooltip>
</div>
<ytd-badge-supported-renderer class="style-scope ytd-channel-name" disable-upgrade="" hidden="">
</ytd-badge-supported-renderer>
</ytd-channel-name>
    <div id="separator" class="style-scope ytd-video-meta-block">•</div>
  </div>
  <div id="metadata-line" class="style-scope ytd-video-meta-block">
 
      <span class="style-scope ytd-video-meta-block">350.803 Aufrufe</span>
 
      <span class="style-scope ytd-video-meta-block">vor 7 Jahren</span>
    <dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block"><template is="dom-repeat"></template></dom-repeat>
  </div>
</div>
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
  <dom-repeat class="style-scope ytd-video-meta-block"><template is="dom-repeat"></template></dom-repeat>
</div>

</ytd-video-meta-block>
          <ytd-badge-supported-renderer class="badges style-scope ytd-compact-video-renderer" disable-upgrade="" hidden="">
          </ytd-badge-supported-renderer>
        </div>
      </a>
 
Ich hatte, als ich FF Nutzer war, die Erweiterung "Dark Background and Light Text. Die Erweit. kennt ihr sicherlich. Da konnt ich die Farbe für Visited Links problemlos ändern. Diese Erweiterung gibt es aber nicht für chrome. Kennt ihr ne alternative für mein Vorhaben?
 
Zurück
Oben Unten