Leszeichen Symbole sind anders

Herman4

Hallo

leider sind die Lesezeichen Symbole anders und schlecht zu sehen gegenüber Früehr

wieso?

2002Andreas

Zitat von Herman4

wieso?

Liegt sehr wahrscheinlich an deinen eigenen Anpassungen/Änderungen vom Firefox.

Da die keiner kennt musst du selber danach mal suchen.

Mira_Belle

@Herman4

Poste doch einmal Deine kompletten CSS-Codes.

Wie soll denn Dir irgendwer helfen, wenn man gar nicht weiß, wo es denn klemmt.

Und wenn Du schon Bildchen machst, so mach sie doch bitte so, dass man nicht fünfmal hinschauen muss,

damit man erkennt, was da gezeigt werden soll.

Boersenfeger

Mach mal ein UpDate des Browsers und deines Betriebssystems.... Letzteres wurde dir schon 3587 x angeraten...

BrokenHeart

Zitat von Herman4

leider sind die Lesezeichen Symbole anders und schlecht zu sehen gegenüber Früehr
wieso?

Weil du speziell diese CSS-Anpassung von Aris verwendest:

CustomCSSforFx/bookmark_icons_colorized.css at master · Aris-t2/CustomCSSforFx

Custom CSS tweaks for Firefox. Contribute to Aris-t2/CustomCSSforFx development by creating an account on GitHub.

github.com

Du musst entweder deine alte Datei gleichen Namens durch die obige CSS-Datei (plus evtl. die angepassten Icons im 'image'-Ordner) ersetzen oder einfach gleich auf die neueste Version der CustomCSSforFX (4.3.5) updaten...

2002Andreas

Zitat von Boersenfeger

Mach mal ein UpDate des Browsers

Zitat von Herman4

Firefox-Version 112.0

Boersenfeger

Aktuell ist 112.0.1

https://product-details.mozilla.org/1.0/firefox_versions.json

2002Andreas

Zitat von Boersenfeger

Aktuell ist 112.0.1

Aber nicht als er den Thread erstellt hatte.

Herman4

Danke habe jetzt das Update 112.0.1

das Translate geht immer noch nicht

lustig ist vor 1 Monat ging es ohne Update da ging es immer, es hat einfach so angefangen.

so die User Chrome css

CSS

/* AGENT_SHEET */

/* Tabs unter Adresszeile */
/* @import url(./classic/css/tabs/tabs_below_navigation_toolbar_classic_grey.css); */

/* Gelbe statt graue Ordnericons */
@import url(./classic/css/generalui/bookmark_icons_colorized.css); /**/


/* Ab hier keine @imports mehr! */
/********************************/


/* Tabs mit abgerundeten Ecken */
:root {
    --tab-curve-width: 30px;
    --tabs-border: transparent !important;
}
.arrowscrollbox-scrollbox {
    padding-inline-start: 10px !important;
}

/* To be able to see the top border of the tab */
.tab-stack {
    margin-top: 2px !important;
}

/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar {
    padding-inline-start: 15px !important;
}
.titlebar-placeholder {
    border: none !important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
    border: none !important;
}
.tabbrowser-tab > .tab-stack > .tab-background {
    background-image: none !important;
    -moz-box-orient: horizontal !important;
    background-color: transparent !important;
    margin-top: 1px !important;
}
.tab-background[selected="true"] {
    border: none !important;
}
.tab-line {
    display: none !important;
}
.tab-bottom-line {
    display: none !important;
}

/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
    margin: 0 !important;
}

/* overlap the tab curves */
.tab-background {
    -moz-margin-end: -15px !important;
    -moz-margin-start: -15px !important;
}

/* Begin tab background customizations */
.tab-background[selected="true"]::before {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"]::after {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"] > spacer {
    margin-top: 0px !important;
}
#new-tab-button,
.tabs-newtab-button {
    width: calc(36px + 30px) !important;
    margin-inline-start: -15px !important;
    margin-top: 1px !important;
}

/* Tab hover customizations */

/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    display: -moz-box !important;
    background-repeat: no-repeat !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    display: -moz-box !important;
    background-repeat: no-repeat !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    margin-top: 0px !important;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
    background-color: transparent !important;
}

/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover {
    background-position: 0px 2px, 30px 4px, 36px 2px !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}
.tabs-newtab-button:hover > .toolbarbutton-icon {
    background: none !important;
    background-color: transparent !important;
}

/* Color specific customizations */
:root {
    --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --background-selected-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgb(249, 249, 255) 2px, rgb(249, 249, 255)), none;
    --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --background-hover-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgba(255, 255, 255, .1) 2px, rgba(255, 255, 255, .1)), none;
    --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}

/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
     :root {}
}
@media not screen and (-moz-windows-theme) {
     :root {}
}
.tab-background[selected="true"]::before {
    background-image: var(--svg-selected-before) !important;
}
.tab-background[selected="true"]::after {
    background-image: var(--svg-selected-after) !important;
}
.tab-background[selected="true"] > spacer {
    background-image: var(--background-selected-middle) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    background-image: var(--svg-hover-before) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    background-image: var(--svg-hover-after) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    background-image: var(--background-hover-middle) !important;
}
.tabs-newtab-button:hover {
    background-image: var(--newtab-hover) !important;
}


* {
    font-size: 1em !important;

Alles anzeigen

hoffentlich war das jetzt nicht falsch gepostet

aus der user chrome

2002Andreas

Zitat von Herman4

das Translate geht immer noch nicht

Was hat das mit den Lesezeichen Symbolen zu tun?

Herman4

Tschuldigung mein Fehler

die Lesezeichen Ordner sehen noch immer so aus

2002Andreas

Zitat von Herman4

die Lesezeichen Ordner sehen noch immer so aus

Warum sollten sie jetzt auch anders aussehen

Zitat von 2002Andreas

Liegt sehr wahrscheinlich an deinen eigenen Anpassungen/Änderungen vom Firefox.
Da die keiner kennt musst du selber danach mal suchen.

BrokenHeart

Zitat von Herman4

die Lesezeichen Ordner sehen noch immer so aus

Dir zu helfen, ist wirklich nicht einfach...

Ich hatte doch geschrieben, was bei dir falsch läuft und wie du den Fehler beheben kannst. Du solltest dann ja wenigstens (mit weiteren Fragen?) darauf reagieren, anstatt es einfach zu ignorieren.

Du bindest doch in deiner (total vermurksten) 'userChrome.css' mit folgender Zeile den Aris Code für die Lesezeichen-Ordner ein:

CSS

/* Gelbe statt graue Ordnericons */
@import url(./classic/css/generalui/bookmark_icons_colorized.css);

In deinem Fall wäre es am einfachsten, du löscht diese Zeile aus der 'userChrome.css' wieder. Dann sind die Ordner-Icons eben wieder grau...

Falls du nicht die gesamten Anpassungen von Aris übernehmen willst (was ich aber in deinem Fall empfehlen würde!) und du trotzdem gelbe Folder-Icons haben möchtest, dann wird es komplizierter:

Du musst dann den Inhalt der Datei 'bookmark_icons_colorized.css' in dem angegeben Verzeichnis gegen diese hier austauschen. Da ich deine Ordnerstruktur nicht kenne und ich nicht weiß, was du alles von Aris eingebunden hast, musst du u.U. noch die Pfade zum Image Ordner in dieser CSS-Datei anpassen.

CSS

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


.folder-icon,
#editBMPanel_chooseFolderMenuItem .menu-iconic-icon,
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
 list-style-image: url("./../../image/folder-item.png")!important;
}

treechildren::-moz-tree-image(title, open) {
 list-style-image: url("./../../image/folder-item2.png")!important;
}

treechildren::-moz-tree-image(title, container, livemark) {
 list-style-image: url("./../../image/feedIcon16.png") !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Toolbar"],[label="Lesezeichen-Symbolleiste"]) .menulist-icon,
#editBMPanel_toolbarFolderItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
 list-style-image: url("./../../image/bookmarksToolbar.png") !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Bookmarks Menu"],[label="Lesezeichen-Menü"]) .menulist-icon,
#editBMPanel_bmRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
treechildren::-moz-tree-image(container, queryFolder_menu________) {
 list-style-image: url("./../../image/bookmarksMenu.png") !important;
}

#editBMPanel_folderMenuList:-moz-any([label="Other Bookmarks"],[label="Weitere Lesezeichen"]) .menulist-icon,
#editBMPanel_unfiledRootItem .menu-iconic-icon,
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
treechildren::-moz-tree-image(container, queryFolder_unfiled_____) {
 list-style-image: url("./../../image/unsortedBookmarks.png") !important;
}

treechildren::-moz-tree-image(title, query),
treechildren::-moz-tree-image(query) {
 list-style-image: url("./../../image/query.png") !important;
}

treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("./../../image/calendar.png") !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_History),
treechildren::-moz-tree-image(query, OrganizerQuery_history____v),
treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("./../../image/calendar.png") !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
  list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
  list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
}

toolbarbutton.bookmark-item[container],
.bookmark-item[container] .menu-iconic-left .menu-iconic-icon {
  list-style-image: url("./../../image/folder-item.png") !important;
}

toolbarbutton.bookmark-item[container][open],
.bookmark-item[container][open] .menu-iconic-left .menu-iconic-icon {
 list-style-image: url("./../../image/folder-item2.png")!important;
}

.bookmark-item[container][livemark] {
  list-style-image: url("./../../image/livemark-folder.png") !important;
}
.bookmark-item[container][livemark] .bookmark-item {
  list-style-image: url("./../../image/livemark-item.png") !important;
}
.bookmark-item[container][livemark] .bookmark-item[visited] {
  list-style-image: url("./../../image/livemark-item2.png") !important;
}

.bookmark-item[container][query],
.bookmark-item[container][query][open],
.bookmark-item[container][query] > .menu-iconic-left > .menu-iconic-icon,
.bookmark-item[container][query][open] > .menu-iconic-left > .menu-iconic-icon {
  list-style-image: url("./../../image/query.png") !important;
}

treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v),
.bookmark-item[query][tagContainer] {
  list-style-image: url("./../../image/tag.png") !important;
}

.bookmark-item[query][dayContainer] {
  list-style-image: url("./../../image/calendar.png") !important;
}

.bookmark-item[query][hostContainer] {
  list-style-image: url("./../../image/folder-item.png") !important;
}

.bookmark-item[query][hostContainer][open] {
  list-style-image: url("./../../image/folder-item2.png") !important;
}

/* Bookmarks roots menu-items */
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup {
  list-style-image: url("./../../image/feedIcon16.png") !important;
}

#bookmarksToolbarFolderMenu > .menu-iconic-left > .menu-iconic-icon,
#BMB_bookmarksToolbar > .menu-iconic-left > .menu-iconic-icon,
#panelMenu_bookmarksToolbar {
  list-style-image: url("./../../image/bookmarksToolbar.png") !important;
}

#menu_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
#BMB_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
#panelMenu_unsortedBookmarks {
  list-style-image: url("./../../image/unsortedBookmarks.png") !important;
}

Alles anzeigen

Außerdem benötigst du dann wohl auch noch die veränderten Icons, welche du in den Image-Ordner einfügst und überschreibst: folder-item.zip

Herman4

ach herrje was du alles weißt

danke für die HIlfe

nun ich will ja gelbe icons haben

das hatte ich

es ist einfach so von heute auf morgen anders geworden die Ordner bei Lesezeichen

früher waren sie gelb und schön und gut zu sehen jetzt sind sie so durchsichtig

es gibt nur 1 Problem

ich kapier nicht gerade was der code oben soll

2. Problem muß ich gesehen dass ich meinen Code ewig hatte, er funktioniert immer bis auf einmal jetzt

3. Problem, ich habe dne vermurksten ja, ich weiß nicht was ich ändern soll und was da geändert werden sollte dass es paßt

4. Problem ja ich muß auch gestehen das ich 0 weiß was da in dem Code anders gehört damit es irgenceine Wirkung vollzieht

ich will ja dass sie gelb bleiben

bei meinem andern Win 10 Computer habe ich das in Gelb da habe ich auch du wirst lachen den selben vermurksten Code soviel ich weiß und es geht das mit den gelben Ordnern sang und klang los und auch das mit dem Übersetzer aus dem andern Thread, die Anzeige ist in ordnung

also ich steh gerade leider, entschuldige auf der Leine und weiß gerade nicht was machen

soll ich deinen gnazen code kopieren in meinen?

was ist bei meinem falsch?

das ist für mich gerade ein rätsel

CSS

/* AGENT_SHEET */

/* Tabs unter Adresszeile */
/* @import url(./classic/css/tabs/tabs_below_navigation_toolbar_classic_grey.css); */

/* Gelbe statt graue Ordnericons */
@import url(./classic/css/generalui/bookmark_icons_colorized.css); /**/


/* Ab hier keine @imports mehr! */
/********************************/


/* Tabs mit abgerundeten Ecken */
:root {
    --tab-curve-width: 30px;
    --tabs-border: transparent !important;
}
.arrowscrollbox-scrollbox {
    padding-inline-start: 10px !important;
}

/* To be able to see the top border of the tab */
.tab-stack {
    margin-top: 2px !important;
}

/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar {
    padding-inline-start: 15px !important;
}
.titlebar-placeholder {
    border: none !important;
}

/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
    border: none !important;
}
.tabbrowser-tab > .tab-stack > .tab-background {
    background-image: none !important;
    -moz-box-orient: horizontal !important;
    background-color: transparent !important;
    margin-top: 1px !important;
}
.tab-background[selected="true"] {
    border: none !important;
}
.tab-line {
    display: none !important;
}
.tab-bottom-line {
    display: none !important;
}

/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
    margin: 0 !important;
}

/* overlap the tab curves */
.tab-background {
    -moz-margin-end: -15px !important;
    -moz-margin-start: -15px !important;
}

/* Begin tab background customizations */
.tab-background[selected="true"]::before {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"]::after {
    border: none !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    display: -moz-box !important;
    background-repeat: no-repeat !important;
}
.tab-background[selected="true"] > spacer {
    margin-top: 0px !important;
}
#new-tab-button,
.tabs-newtab-button {
    width: calc(36px + 30px) !important;
    margin-inline-start: -15px !important;
    margin-top: 1px !important;
}

/* Tab hover customizations */

/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    display: -moz-box !important;
    background-repeat: no-repeat !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    display: -moz-box !important;
    background-repeat: no-repeat !important;
    content: "" !important;
    width: 30px !important;
    min-height: 30px !important;
    background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    margin-top: 0px !important;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
    background-color: transparent !important;
}

/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover {
    background-position: 0px 2px, 30px 4px, 36px 2px !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}
.tabs-newtab-button:hover > .toolbarbutton-icon {
    background: none !important;
    background-color: transparent !important;
}

/* Color specific customizations */
:root {
    --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --background-selected-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgb(249, 249, 255) 2px, rgb(249, 249, 255)), none;
    --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='30' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
    --background-hover-middle: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient( transparent 2px, rgba(255, 255, 255, .1) 2px, rgba(255, 255, 255, .1)), none;
    --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
}

/* OS-specific color variables */
@media screen and (-moz-windows-theme) {
     :root {}
}
@media not screen and (-moz-windows-theme) {
     :root {}
}
.tab-background[selected="true"]::before {
    background-image: var(--svg-selected-before) !important;
}
.tab-background[selected="true"]::after {
    background-image: var(--svg-selected-after) !important;
}
.tab-background[selected="true"] > spacer {
    background-image: var(--background-selected-middle) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
    background-image: var(--svg-hover-before) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
    background-image: var(--svg-hover-after) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
    background-image: var(--background-hover-middle) !important;
}
.tabs-newtab-button:hover {
    background-image: var(--newtab-hover) !important;
}


* {
    font-size: 1em !important;

Alles anzeigen

2002Andreas

Zitat von Herman4

ach herrje was du alles weißt

Hast du das denn mal gemacht was dir in Beitrag Nr. 15 gesagt wurde?

Herman4

Die zeile löschen?

nun dann werden die Lesezeichen Symbole grau ich will sie ja gelb haben

das da

Du musst dann den Inhalt der Datei 'bookmark_icons_colorized.css' in dem angegeben Verzeichnis gegen diese hier austauschen. Da ich deine Ordnerstruktur nicht kenne und ich nicht weiß, was du alles von Aris eingebunden hast, musst du u.U. noch die Pfade zum Image Ordner in dieser CSS-Datei anpassen.

nun im Ordner Lokaler Ordner über about:profiles, da habe ich keinen ordner bookmark oder eine Datei

anbei alle Dateien die ich im Ordner habe, oder ich habe einen Fehler gemacht

der Wurzel ORdner und der Lokale Ordner ist am 1. Blick identisch bei mir

uwe51

Bisher fand ich diese Diskussion hier sehr erfrischend.

Ich hätte gerne auch einen Teil für .css hinzugefügt, funktioniert bei mir für die gelben Lesezeichen im Firefox seit Jahren ohne Probleme.

Aber Herman4 zeigt doch in #18 keine Lesezeichen, oder täusche ich mich da?

uwe51

P.S.:

Ich schrieb vor langer Zeit bereits, dass für Herman4 ein kompletter Neuanfang für seine vermurkste .css wohl das Beste sei.

Die bestehende .css löschen (kann ja irgendwo gespeichert werden) und dann von gaaanz vorne beginnen.

so ungefähr wie "am Anfang erschuf ich..."

P.P.S.:

bei Windows 7 sehe ich aber Probleme, naja, was soll's.

uwe51

2002Andreas

Zitat von Herman4

keinen ordner bookmark

Von einem Ordner hat auch niemand etwas gesagt.

Zitat von BrokenHeart

den Inhalt der Datei

Herman4

nun das heißt

Du musst dann den Inhalt der Datei 'bookmark_icons_colorized.css'

es gibt eine Datei Bookmark-icons- usw.

die fand ich nicth oder verstehe ich was falsch?

oder meinst du im Chrome - Userchrome CSS ordner oder wie?

Wegen dem Anfangen

leider nein kann ich nicht weil 0 auskennen

alles funktionierte immer so wie es war aber wie gesagt von heute auf morgen geht das mit den gelben Lesezeichen Ordnern die gut erkennbar waren einfach nicht

von heute auf morgen irgendwas war da und ich weiß nicht was

ganz zu Beginn ist ein Bild der Lesezeichen

so sieht das bei mir aus bei den Lesezeichen anhand bild

und das mit der neuen CSS im Ordner Lokaler Ordner / oder Wurzelordner? da fängt es schon an wo denn?

dann ist der Ordner

siehe bild

und da ist die Schwierigkeit für mich, ich verstehe da von der Marterie wenig und kann nur ausführen was wo steht nachdem ich frage und kapiere langsam was damit gemeint ist, wiel 0 auskennen, ist halt so, gibt viele die so sind und neu anfangen ja geht nicht

und ja die CSS ist sher überladen das steimmt

2002Andreas

Zitat von Herman4

oder meinst du im Chrome - Userchrome CSS ordner oder wie?

Du kommst der Sache schon näher.

Du hast doch die ganzen Codes mal installiert, also solltest du doch auch wissen wo im Firefox die Dateien dazu sind.

Leszeichen Symbole sind anders

Ähnliche Themen

Firefox Profile als eigenes Icon im Dock