search

SaiyajinK / Minimal-Dark-for-Steam

A dark minimalist skin for steam new UI
23 stars 4 forks source link

Idea/suggestion - Layout button #8

Closed AuditoQc closed 3 months ago

AuditoQc commented 3 months ago

First thanks for the skin i really like it !

It's hard to explain, so i used paint to move button and attached the picture result with this message ! I don't know if is possible to move them like that but for me it's more intuitive. I know it's only my opinion and if you don't like it, it's fine :)

SaiyajinK commented 3 months ago

@AuditoQc no, I don't plan to change the topbar in short, medium, or long term sorry.

on the other hand if you want this interface, I can give you the code to apply/modify but you will have to redo it after each update:

Go to : C:\Program Files (x86)\Steam\steamui\skins\Minimal-Dark-for-Steam-root\

Open libraryroot.custom.css

Replace the following lines with the corresponding code using Notepad++:

line 689:

._7AlhCx3XGzBeIrQaCneUD {
 font-size: 13px !important;
 font-weight: 300;
 height: inherit;
 text-transform: none;
 overflow-x: visible;
 cursor: pointer;
 margin-top: 0px;
 border: 1px solid var(--minimal_dark_be_grey);
 border-top: none !important;
 border-bottom: none !important;
 transform: translate(7px, 0px);
}

line 763:

._3Z3ohQ8-1NKnCZkbS6fvy {
 display:flex;
 flex-direction: row;
 height: 32px;
 min-height: 32px;
 -webkit-app-region: drag;
 max-width: 500px;
 position: static;
 margin-left: -2px;
 margin-top: 4px;
 border-top: 1px solid var(--minimal_dark_be_grey) !important;
}

once the code is applied and saved restart Steam or press F5 and it will give this :

image

for layout number 2, the Steam button is affiliated with the menu block (the support menu, display etc.). So unless I modify everything in depth (not complicated but which take time) I won't venture there sorry.

AuditoQc commented 3 months ago

Ah, tu parle français ! Merci pour le petit tuto j'vais faire comme ça tantôt :) Justement tantôt je fouillais dans les .css car je voulais changer la couleur de la bar du scrollbar et aussi l'élargir un peu. Ta déjà la VAR pour le rouge de ce que j'ai vue dans config.css et webkit.css [--minimal_dark_red1] code de couleur [#ff0000] Mais j'étais certain ou l'appliquer dans scrollbar.css. petit précision c'est la couleur NO HOVER MOUSE que je voudrais changer

SaiyajinK commented 3 months ago

Tu entends quoi par no hover mouse ? quand tu survoles pas avec le pointer de la souris ?

Si c'est ça oui c'est bien dans scrollbar.css ligne 3 baisse la valeur de la bordure (border) plus tu descends le nombre plus la barre de défilement sera grosse.

Et si tu veux changer la couleur quand t'as pas la souris dessus c'est la ligne 2 tu remplaces var(--minimal_dark_be_grey) par la couleur ou la variable que tu veux.

AuditoQc commented 3 months ago

Salut, merci pour l'aide j'apprécie :)

Oui par "NO HOVER MOUSE" je veux dire quand la souris n'est pas sur la scroll bar.

Cependant, pour la larger ça fonctionner (Pratique pour du 2k) mais pas pour le couleur. Je te join un screenshot.

Sans titre

SaiyajinK commented 3 months ago

désolé je ne sais pas pourquoi je pensais que tu parlais seulement de la barre latérale gauche (la sidebar)... :man_shrugging:

modifie également :

le fichier webkit.css et modifie la valeur de la ligne 113

::-webkit-scrollbar-thumb {
    background-color: var(--minimal_dark_red1) !important;
}

et le fichier friends.custom.css et modifie la valeur de la ligne 148

.friendsui-container ::-webkit-scrollbar-thumb {
    background-color: var(--minimal_dark_red1) !important;
    border: 4px solid transparent !important;
    border-radius: 20px !important;
}

Ça appliquera le rouge sur toutes les scrollbars du skin (la barre latérale, la librairie, le webkit et la liste d'amis).

AuditoQc commented 3 months ago

Ça fonctionne ! Super et merci encore.

Merci d'avoir pris du temps surtout. Je suis bien placer pour savoir qu'on à pas toujours envie ou le temps de satisfaire toutes les préférence individuel de chaques personnes.. (Je gère des games servers) Donc j'apprécie énormément.

Sans titre

SaiyajinK commented 3 months ago

Pas de soucis, tant que ça reste raisonnable c'est faisable. Mais tout en gardant à l'esprit que toutes les modifications seront effacées lors de chaque mise à jour et tu devras refaire toutes les modifications.