Xfce Forum

aalbani

Member

Registered: 2023-03-30

Posts: 28

border-radius Greybird Theme

I have inserted a "border-radius: 20px;" here.

menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }

menubar:backdrop, .menubar:backdrop { background-color: #cecece; }

menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 3px 8px; border: 1px solid transparent; }

menubar > menuitem:hover, .menubar > menuitem:hover { background-image: linear-gradient(to bottom, shade(#8caf52, 1.2), shade(#8caf52, 1)); color: #ffffff; border-color: shade(#8caf52, 1.1); }

menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #858585; box-shadow: none; }

menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background-color: #fcfcfc; border: 1px solid #828282; border-radius: 20px;  }

.csd menu, .csd .menu, .csd .context-menu { border: none; }

menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #f9f9f9; }

menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; }

menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-image: linear-gradient(to bottom, shade(#8caf52, 1.2), shade(#8caf52, 1)); box-shadow: inset 1px 1px shade(#8caf52, 0.8), inset -1px -1px shade(#8caf52, 0.8); }

menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #858585; }

menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #a8a8a8; }

menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #858585; background-color: transparent; }

menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }

menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }

menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }

menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }

menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #fcfcfc; border-radius: 0; }

menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #e9e9e9; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }

menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #e9e9e9; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #e9e9e9; }

menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #f9f9f9; }

menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }

menuitem accelerator { color: alpha(currentColor,0.55); }

menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }

menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }

menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }

Unfortunately, this is what it shows me

I just don't know what I need to change to get rid of this corner.
Can you help me with this?