css doesnt display backgrounds properly on linux but does so on windows

[eve0n3]

this is how it looks on arch

.app-window { 
	/*background: #e9d8f3;*/
	background-image: url("pattern-tile(1).jpg");
	background-size: 35px;
	color: #000000;
}
.channel-list {
	background: #e9d8f3;
	background: linear-gradient(90deg, #d2b2e6 70%, #e9d8f3 100%);
}
.member-list {
	background: #d2b2e6;
	background: linear-gradient(90deg, #e9d8f3 0%, #d2b2e6 70%)
}
.message-input {
	background: #e9d8f3;
	border: 2px solid #ddc8ea;
	margin: 6px;
}

.embed {
    border-radius: 5px;
    padding: 10px;
    background-color: rgba(0.0, 0.0, 0.0, 0.1);
}

.embed-footer {
    margin-top: 5px;
    font-size: 11px;
}

.embed-author {
    margin-bottom: 10px;
    font-size: 12px;
}

.message-attachment-box {
    border: 1px solid #aaaaaa;
    padding: 2px 5px 2px 5px;
}

.message-attachment-box label {
    margin: 5px;
}

.status-indicator.dnd {
    color: #982929;
}

.status-indicator.online {
    color: #43B581;
}

.status-indicator.offline {
    color: #808080;
}

.status-indicator.idle {
    color: #FAA61A;
}

.message-input textview, .message-input textview text {
    background-color: inherit;
}

.message-text, .message-text text {
    background: inherit;
}

.message-input textview {
    padding: 10px 5px;
}

.message-reply {
    border-left: 2px solid gray;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    opacity: 0.8;
}

.profile-main-container {
    padding: 20px;
}

.profile-username {
    margin-left: 10px;
    font-size: 20px;
}

.profile-username-nondisplay {
    margin-left: 10px;
}

.profile-switcher {
    padding-top: 5px;
}

.profile-stack {
    padding-top: 5px;
}

.profile-notes-label {
    padding-top: 5px;
    padding-bottom: 5px;
}

.profile-badges {
    padding-left: 5px;
}

.profile-badge {
    margin-right: 5px;
}

.profile-connections {
    margin-top: 10px;
}

.profile-connection {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid @theme_fg_color;
}

.profile-connection-image {
    padding-right: 5px;
}

.reaction-box {
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    border: 1px solid @theme_fg_color;
}

.reaction-box.reacted {
    border: 1px solid #5865f2;
    background-color: alpha(@theme_selected_bg_color, 0.5);
}

.set-status-dialog .dialog-vbox {
    padding: 5px;
}

.set-status-dialog .dialog-action-area {
    margin: 10px 5px 5px 5px;
}

.voice-settings-window > box {
    padding: 5px;
}

.voice-settings-window scale {
    margin-right: 8px;
}

.message-input scrollbar.vertical slider {
    min-height: 0px;
}

.message-text.pending {
    color: alpha(currentColor, 0.5);
}

.message-text.failed {
    color: red;
}

this is the content of my css file

this is the "pattern-tile(1).jpg" the css is referencing

i copied the css file straight from my windows installation.

what could be the problem?

[ouwou]

i redid how theming works so the windows version is probably from before i merged that because it looks the same on my windows build
try:

.messages, .member-list .view, .channel-list .view:not(:selected) {
    background: inherit;
}

/* and if you want to target the tabs at the top as well */
.channel-tab-switcher revealer box, tab {
    background: inherit;
}

[eve0n3]

thank you! this completely fixed the issue!