prosilver French edition

horizontal/vertical lines? - prosilver French edition

horizontal/vertical lines?

by karado58 » Tue Sep 12, 2023 7:43 pm

Hello,

Is it possible to create horizontal/vertical lines throughout the forum as in attachments? Maybe light gray in color!

To me, it would add greatly to an already beautiful style! ;)

Thank you! :)
Attachments
lines.jpg
User avatar
karado58
Registered User
Posts: 82
Joined: Wed Aug 17, 2005 4:06 pm

Re: horizontal/vertical lines?

by cabot » Wed Sep 13, 2023 8:48 am

Hello,

Open theme/light_dark.min.css

Find:

Code: Select all

ul.topiclist dd{border-left-color:var(--color03)}
Replace with:

Code: Select all

ul.topiclist dd{border-left-color:var(--color04)}
Find:

Code: Select all

li.row{border-top-color:var(--color03);border-bottom-color:var(--color03)}
Replace with:

Code: Select all

li.row{border-top-color:var(--color14);border-bottom-color:var(--color04)}
If you have trouble finding the code, simply replace the entire contents of the file with:

Code: Select all

@charset "utf-8";html{--light-online:url("./en/icon_user_online_light.svg");--light-offline:url("./en/icon_user_offline_light.svg");--light-contact-icon:url("./images/icons_contact_light.svg");--dark-online:url("./en/icon_user_online_dark.svg");--dark-offline:url("./en/icon_user_offline_dark.svg");--dark-contact-icon:url("./images/icons_contact_dark.svg")}html,[data-theme=light]{--color01:#1e90ff;--color02:#fff;--color03:#eee;--color04:#ddd;--color05:#ccc;--color06:#bbb;--color07:#aaa;--color08:#a5a5a5;--color09:#d31141;--color10:#ead4d9;--color11:#000;--color12:#333;--color13:#444;--color14:#fff;--color15:#fff;--switch-light-dark:"\f186";--contact-icon:var(--light-contact-icon);--online:var(--light-online);--offline:var(--light-offine);color-scheme:light}@media (prefers-color-scheme:dark){html{--color01:#1e90ff;--color02:#222;--color03:#333;--color04:#444;--color05:#555;--color06:#666;--color07:#6b6b6b;--color08:#7a7a7a;--color09:#d31141;--color10:#6a1b2e;--color11:#fff;--color12:#ccc;--color13:#ddd;--color14:#000;--color15:#fff;--switch-light-dark:"\f185";--contact-icon:var(--dark-contact-icon);--online:var(--dark-online);--offline:var(--dark-offine);color-scheme:dark}
}[data-theme=dark]{--color01:#1e90ff;--color02:#222;--color03:#333;--color04:#444;--color05:#555;--color06:#666;--color07:#6b6b6b;--color08:#7b7b7b;--color09:#d31141;--color10:#6a1b2e;--color11:#fff;--color12:#ccc;--color13:#ddd;--color14:#000;--color15:#fff;--switch-light-dark:"\f185";--contact-icon:var(--dark-contact-icon);--online:var(--dark-online);--offline:var(--dark-offine);color-scheme:dark}html,body{background-color:var(--color02);color:var(--color13)}h1{color:var(--color13)}h2,h3{border-bottom-color:var(--color03);color:var(--color11)}hr{border-color:var(--color04);border-top-color:var(--color05)}a{color:var(--color01)}a:hover,a:focus,a:active{color:var(--color11)}.forumbg .header a,.forabg .header a,th a{color:var(--color13)}.forumbg .header a:hover,.forabg .header a:hover,th a:hover{color:var(--color11)}.dropdown-extended a.mark_read{background-color:var(--color06);border-color:var(--color07);color:var(--color01)}.dropdown-extended a.mark_read:hover{background-color:var(--color07);border-color:var(--color07);color:var(--color11)}
.postlink,.postlink:visited{color:var(--color01)}.postlink:hover{background-color:var(--color04);color:var(--color11)}.signature a,.signature a:hover{background-color:transparent}.top i{color:var(--color14)}.arrow-left:hover,.arrow-right:hover{color:var(--color11)}.wrap{background-color:var(--color02);border-color:var(--color02)}.headerbar{background-color:var(--color03);background-image:none;color:var(--color13);filter:none}.forumbg,.forabg{background-color:var(--color03);background-image:none;filter:none}.navbar{background-color:var(--color03)}.panel{background-color:var(--color03);color:var(--color13)}.post h3 a.first-unread,.post:target .content,.post:target h3 a{color:var(--color11)}.bg1,.bg2,.bg3,.ucprowbg,.fieldsbg,table.zebra-list tr:nth-child(odd) td,table.zebra-list tr:nth-child(even) td,ul.zebra-list li:nth-child(odd),ul.zebra-list li:nth-child(even){background-color:var(--color03)}.site_logo{background-image:url("./images/site_logo.svg");height:52px;width:149px}ul.navlinks{border-top-color:var(--color04)}
table.table1 thead th{color:var(--color13)}table.table1 tbody tr{border-color:var(--color03)}table.table1 tbody tr:hover,table.table1 tbody tr.hover{background-color:var(--color04);color:var(--color11);border-radius:4px}table.table1 td{color:var(--color11)}table.table1 tbody td{border-top-color:var(--color03)}table.table1 tbody th{border-bottom-color:var(--color03);background-color:var(--color02)}table.info tbody th{color:var(--color11)}dl.details dt,dl.details dd{color:var(--color11)}.sep{color:var(--color03)}.icon.icon-blue,a:hover .icon.icon-blue{color:#4169e1}.icon.icon-green,a:hover .icon.icon-green{color:#228b22}.icon.icon-red,a:hover .icon.icon-red{color:crimson}.icon.icon-orange,a:hover .icon.icon-orange{color:coral}.icon.icon-bluegray,a:hover .icon.icon-bluegray{color:#708090}.icon.icon-gray,a:hover .icon.icon-gray{color:gray}.icon.icon-lightgray,a:hover .icon.icon-lightgray{color:#a9a9a9}.icon.icon-black,a:hover .icon.icon-black{color:#000}.alert_close .icon:before{background-color:var(--color02)}
.jumpbox .dropdown li{border-top-color:var(--color05)}.jumpbox-cat-link{background-color:var(--color04);border-top-color:var(--color05);color:var(--color01)}.jumpbox-cat-link:hover{background-color:var(--color05);border-top-color:var(--color05);color:var(--color11)}.jumpbox-forum-link{background-color:var(--color04)}.jumpbox-forum-link:hover{background-color:var(--color05)}.jumpbox .dropdown .pointer-inner{border-color:var(--color04) transparent}.jumpbox-sub-link{background-color:var(--color04)}.jumpbox-sub-link:hover{background-color:var(--color05)}.copyright{color:var(--color13)}.error{color:var(--color09)}.reported{background-color:var(--color04)}li.reported:hover{background-color:var(--color04) !important}div.rules{background-color:var(--color10);color:var(--color13)}p.post-notice{background-color:var(--color10);background-image:none}ul.forums{background-color:var(--color03);background-image:none}ul.topiclist li{color:var(--color13)}ul.topiclist dd{border-left-color:var(--color04)}.rtl ul.topiclist dd{border-right-color:var(--color03)}
li.row{border-top-color:var(--color14);border-bottom-color:var(--color04)}li.row strong{color:var(--color13)}li.row:hover{background-color:var(--color04)}li.row:hover dd{border-left-color:var(--color04)}.rtl li.row:hover dd{border-right-color:var(--color04);border-left-color:transparent}li.header dt,li.header dd{color:var(--color13)}.postbody{color:var(--color11)}.content{color:var(--color11)}.content h2,.panel h2{color:var(--color11);border-bottom-color:var(--color05)}dl.faq dt{color:var(--color11)}.posthilit{background-color:var(--color04);border:1px solid var(--color04);color:var(--color09)}.signature{border-top-color:var(--color05)}.notice{border-top-color:var(--color05)}blockquote{background-color:var(--color04);border-color:var(--color05)}blockquote blockquote{background-color:var(--color05);border-color:var(--color06)}blockquote blockquote blockquote{background-color:var(--color04);border-color:var(--color05)}.codebox{background-color:var(--color02);border-color:var(--color05)}.codebox p{border-bottom-color:var(--color05)}
.codebox code{color:green}.attachbox{background-color:var(--color02);border-color:var(--color05)}.pm-message .attachbox{background-color:var(--color02)}.attachbox dd{border-top-color:var(--color05)}.attachbox p,.attachbox p.stats{color:var(--color11)}.attach-image img{border-color:var(--color05)}.attach-image img:hover{border-color:var(--color06)}dl.file dd{color:var(--color11)}dl.thumbnail img{border-color:var(--color04);background-color:var(--color04)}dl.thumbnail dt a:hover{background-color:var(--color04)}dl.thumbnail dt a img:hover{border-color:var(--color05)}fieldset.polls dl{border-top-color:var(--color05);color:var(--color11)}fieldset.polls dl.voted,fieldset.polls dd div{color:var(--color11)}.pollbar1,.pollbar2,.pollbar3,.pollbar4,.pollbar5{background-color:var(--color10);border-bottom-color:var(--color10);border-right-color:var(--color10)}.rtl .pollbar1,.rtl .pollbar2,.rtl .pollbar3,.rtl .pollbar4,.rtl .pollbar5{border-right-color:transparent;border-left-color:var(--color10)}.postprofile{color:var(--color11);border-color:var(--color04)}
.postprofile strong{color:var(--color13)}.online{background-image:var(--online)}.offline{background-image:var(--offline)}dd.profile-warnings{color:var(--color09)}.button{background-color:var(--color04);background-image:none;border-color:var(--color05);box-shadow:none;color:var(--color01)}.button:hover,.button:focus{background-color:var(--color05);background-image:none;border-color:var(--color05);color:var(--color11);text-shadow:none}.button .icon,.button-secondary{background-color:var(--color04);background-image:none;border-color:var(--color05);box-shadow:none;color:var(--color12)}.button:focus .icon,.button:hover .icon,.button-secondary:hover,.button-secondary:focus,.button-search:hover,.button-search-end:hover{background-color:var(--color05);background-image:none;border-color:var(--color05);color:var(--color01);text-shadow:none}.caret{border-color:var(--color05)}.contact-icons a{border-color:var(--color05)}.contact-icons a:hover{background-color:var(--color05)}.row-item[class*=_read],.row-item[class*=_unread],.forum_link,.topic_moved{background-image:none}
.row-item[class*=_read]:before,.forum_link:before,.topic_moved:before{background-color:var(--color05)}.row-item[class*=_unread]:before{background-color:var(--color01)}.pagination li a{background-color:var(--color04);background-image:none;border-color:var(--color05);box-shadow:none;color:var(--color12)}.pagination li.ellipsis span{background:0 0;color:var(--color11)}.pagination li span{background:var(--color05);border-color:var(--color05);color:var(--color12)}.pagination li.active span{background:var(--color05);border-color:var(--color05);color:var(--color01)}.pagination li a:hover,.pagination li a:hover .icon,.pagination .dropdown-visible a.dropdown-trigger,.nojs .pagination .dropdown-container:hover a.dropdown-trigger{border-color:var(--color05);background-color:var(--color05);background-image:none;text-shadow:none;color:var(--color11)}.search-header,.search-box .inputbox,.search-box .inputbox:hover,.search-box .inputbox:focus{border-color:var(--color05)}.search-header{box-shadow:none}
.search-results li:hover,.search-results li.active{background-color:var(--color05)}.contact-icon{background-image:var(--contact-icon)}.panel-container h3,.panel-container hr,.cp-menu hr{border-color:var(--color03)}.panel-container .panel li.row{background-color:var(--color04);border-bottom-color:var(--color04);border-top-color:var(--color04)}.panel-container .panel li.row:hover{background-color:var(--color05);border-bottom-color:var(--color05);border-top-color:var(--color05)}ul.cplist{border-top-color:var(--color04)}.panel-container .panel li.header dd,.panel-container .panel li.header dt{color:var(--color11)}.panel-container table.table1 thead th{border-bottom-color:var(--color03);color:var(--color11)}.cp-main .pm-message{background-color:var(--color02);border-color:var(--color05)}.tabs .tab>a{background:var(--color04);color:var(--color13)}.tabs .tab>a:hover{background:var(--color05);color:var(--color01)}.tabs .activetab>a,.tabs .activetab>a:hover{background-color:var(--color03);background-image:none;border-color:var(--color03);box-shadow:none;color:var(--color01)}
.minitabs .tab>a{background:var(--color05);color:var(--color13)}.minitabs .tab>a:hover{background:var(--color06);color:var(--color01)}.minitabs .activetab>a,.minitabs .activetab>a:hover{background-color:var(--color04);background-image:none;border-color:var(--color04);color:var(--color01)}.responsive-tab .responsive-tab-link:before{border-color:var(--color11)}.responsive-tab .responsive-tab-link:hover:before{border-color:var(--color01)}.navigation a,.rtl .navigation a{background:var(--color05);background-image:none;color:var(--color13)}.navigation a:hover,.rtl .navigation a:hover{background:var(--color06);color:var(--color01)}.navigation .active-subsection a,.navigation .active-subsection a:hover{background-color:var(--color04);background-image:none;border-color:var(--color04);color:var(--color01)}@media only screen and (max-width:900px),only screen and (max-width:900px){#navigation a,.rtl #navigation a{background:var(--color04)}#navigation a:hover,.rtl #navigation a:hover{background:var(--color05)}
}.panel-container h2{color:var(--color11)}.panel-container .panel,.cp-main .pm{background-color:var(--color04)}.cp-mini{background-color:var(--color02)}dl.mini dt{color:var(--color11)}.current{color:var(--color11) !important}.pmlist li.pm_message_reported_colour,.pm_message_reported_colour{border-left-color:crimson;border-right-color:crimson}.pmlist li.pm_marked_colour,.pm_marked_colour{border-color:coral}.pmlist li.pm_replied_colour,.pm_replied_colour{border-color:gray}.pmlist li.pm_friend_colour,.pm_friend_colour{border-color:#4169e1}.pmlist li.pm_foe_colour,.pm_foe_colour{border-color:#000}.gallery label{background:var(--color03);border-color:var(--color04)}.gallery label:hover{background:var(--color05);border-color:var(--color06)}select,input{background-color:var(--color04);border-color:var(--color05);color:var(--color13)}select:hover,input:hover{background-color:var(--color05);border-color:var(--color05)}select:hover option{background-color:var(--color05);border-color:var(--color05)}
select>option:hover{background-color:var(--color06)}label{color:var(--color11)}option.disabled-option{color:var(--color11)}option:hover,dd label{color:var(--color13)}fieldset.fields1{background-color:transparent}fieldset dl:hover dt label{color:var(--color11)}fieldset.fields2 dl:hover dt label{color:inherit}fieldset.quick-login input.inputbox{background-color:var(--color04);color:var(--color11)}fieldset.quick-login input.inputbox:hover{background-color:var(--color05);color:var(--color11)}.message-box textarea{color:var(--color11)}.message-box textarea.drag-n-drop{outline-color:var(--color11)}.message-box textarea.drag-n-drop-highlight{outline-color:var(--color06)}.inputbox{background-color:var(--color04);border-color:var(--color05);color:var(--color11)}.inputbox:hover,.inputbox:focus{background-color:var(--color05);border-color:var(--color05);color:var(--color11)}.inputbox::placeholder{color:var(--color13)}a.button1,a.button2,input.button1,input.button2,input.button3{background-color:var(--color04);background-image:none;border-color:var(--color05);box-shadow:none;color:var(--color01)}
a.button1,a.button2{color:var(--color11)}a.button1,input.button1{border-color:var(--color05)}input.button3{background-image:none}a.button1:hover,a.button2:hover,input.button1:hover,input.button2:hover,input.button3:hover{background-color:var(--color05);background-image:none;border-color:var(--color05);color:var(--color12);text-shadow:none}input.button1:focus,input.button2:focus,input.button3:focus{background-color:var(--color04);background-image:none;border-color:var(--color05);text-shadow:none}input.disabled{color:var(--color09)}.phpbb_alert{background-color:var(--color02);border-color:var(--color03)}.darken{background-color:var(--color13)}.loading_indicator{background-color:var(--color13);background-image:url("./images/loading.gif")}.dropdown-extended ul li{border-top-color:var(--color05)}.dropdown-extended ul li:hover{background-color:var(--color05);color:var(--color11)}.dropdown-extended .header,.dropdown-extended .footer{border-color:var(--color04);color:var(--color11)}.dropdown-extended .header{background-color:var(--color04);background-image:none;text-shadow:none}
.dropdown-extended .bg1,.dropdown-extended .bg2{background-color:var(--color04);border-color:var(--color04)}.dropdown .pointer{border-color:var(--color05) transparent}.dropdown .pointer-inner,.dropdown-extended .pointer-inner{border-color:var(--color04) transparent}.dropdown .dropdown-contents{background:var(--color04);border-color:var(--color05)}.dropdown li,.dropdown li.separator,.dropdown li li{border-color:var(--color05)}.dropdown li:hover{background-color:var(--color05)}.dropdown li:hover.page-jump-form{background-color:transparent}.dropdown li.switch-item:hover{background-color:transparent;border-color:transparent}.notification_list p.notification-time{color:var(--color11)}li.notification-disapproved strong,li.notification-reported strong{color:var(--color09)}.badge{background-color:var(--color09);color:var(--color15)}.switch-theme i:before{content:var(--switch-light-dark)}#phpbb .cc-btn{background-color:var(--color09);border:1px solid var(--color08);color:var(--color11)}#phpbb .cc-btn:hover,#phpbb .cc-btn:focus{background-color:var(--color08);border:1px solid var(--color08);color:var(--color11)}
#phpbb .cc-message,#phpbb .cc-link,#phpbb .cc-link:hover,#phpbb .cc-link:focus{color:var(--color12)}.prosilver_fr .phpbb_announcement{background-color:var(--color10)}.prosilver_fr .phpbb_announcement div{color:var(--color12)}.prosilver_fr .boardrules-container .content{background-color:var(--color03)}.prosilver_fr .boardrules-categories .mini-panel{background-color:var(--color03)}.prosilver_fr .boardrules-categories .mini-panel h3{color:var(--color11)}.prosilver_fr .boardrules-menu{border-top:1px solid var(--color05)}.prosilver_fr .highlight{background-color:var(--color10);color:var(--color13)}.prosilver_fr .collapse-btn .fa-minus-square:before,.prosilver_fr .collapse-btn .fa-plus-square:before{color:var(--color12)}.prosilver_fr .collapse-btn:hover .fa-minus-square:before,.prosilver_fr .collapse-btn:hover .fa-plus-square:before{color:var(--color01)}
User avatar
cabot
Jr. Style Validator
Posts: 984
Joined: Sat Jan 07, 2012 4:16 pm

Re: horizontal/vertical lines?

by Mazeltof » Wed Sep 13, 2023 8:58 am

hi here

In light_dark.min.css

find :

Code: Select all

ul.topiclist dd{border-left-color:var(--color03)}.rtl ul.topiclist dd{border-right-color:var(--color03)}
replace with :

Code: Select all

ul.topiclist dd{border-left-color:var(--color05)}.rtl ul.topiclist dd{border-right-color:var(--color05)}
find :

Code: Select all

li.row{border-top-color:var(--color03);border-bottom-color:var(--color03)}
replace with :

Code: Select all

li.row{border-top-color:var(--color05);border-bottom-color:var(--color03)}
you can also transfer the changes to light_dark.css ;)

edit : grilled :mrgreen:
User avatar
Mazeltof
Registered User
Posts: 106
Joined: Wed Sep 28, 2016 5:18 pm
Location: Arras - France

Re: horizontal/vertical lines?

by karado58 » Thu Sep 14, 2023 5:23 am

Hello cabot,
Easy to find and replace, actually worked and looks amazing!! :D :D
Just to know, and for future reference, where could the colors be changed?
I did an F12 inspect, and couldn't find color code location.
Thank you very much, Cabot!!!
User avatar
karado58
Registered User
Posts: 82
Joined: Wed Aug 17, 2005 4:06 pm

Re: horizontal/vertical lines?

by karado58 » Thu Sep 14, 2023 5:28 am

Mazeltof wrote:hi here

In light_dark.min.css

find :

Code: Select all

ul.topiclist dd{border-left-color:var(--color03)}.rtl ul.topiclist dd{border-right-color:var(--color03)}
replace with :

Code: Select all

ul.topiclist dd{border-left-color:var(--color05)}.rtl ul.topiclist dd{border-right-color:var(--color05)}
find :

Code: Select all

li.row{border-top-color:var(--color03);border-bottom-color:var(--color03)}
replace with :

Code: Select all

li.row{border-top-color:var(--color05);border-bottom-color:var(--color03)}
you can also transfer the changes to light_dark.css ;)

edit : grilled :mrgreen:
Hello Mazeltof, :D
Since Cabot responded first, I applied his instructions and they worked beautifully!
I appreciate your response, and have saved your instructions as well.
Thank you, Mazeltof!! :D
User avatar
karado58
Registered User
Posts: 82
Joined: Wed Aug 17, 2005 4:06 pm

Re: horizontal/vertical lines?

by cabot » Thu Sep 14, 2023 10:02 am

karado58 wrote:where could the colors be changed?
These colors are set using custom properties and displayed according to dark/light mode, in light_dark.min.css:

Code: Select all

html,[data-theme=light]{--color01:#1e90ff;--color02:#fff;--color03:#eee;--color04:#ddd;--color05:#ccc;--color06:#bbb;--color07:#aaa;--color08:#a5a5a5;--color09:#d31141;--color10:#ead4d9;--color11:#000;--color12:#333;--color13:#444;--color14:#fff;--color15:#fff;--switch-light-dark:"\f186";--contact-icon:var(--light-contact-icon);--online:var(--light-online);--offline:var(--light-offine);color-scheme:light}@media (prefers-color-scheme:dark){html{--color01:#1e90ff;--color02:#222;--color03:#333;--color04:#444;--color05:#555;--color06:#666;--color07:#6b6b6b;--color08:#7a7a7a;--color09:#d31141;--color10:#6a1b2e;--color11:#fff;--color12:#ccc;--color13:#ddd;--color14:#000;--color15:#fff;--switch-light-dark:"\f185";--contact-icon:var(--dark-contact-icon);--online:var(--dark-online);--offline:var(--dark-offine);color-scheme:dark}
}[data-theme=dark]{--color01:#1e90ff;--color02:#222;--color03:#333;--color04:#444;--color05:#555;--color06:#666;--color07:#6b6b6b;--color08:#7b7b7b;--color09:#d31141;--color10:#6a1b2e;--color11:#fff;--color12:#ccc;--color13:#ddd;--color14:#000;--color15:#fff;--switch-light-dark:"\f185";--contact-icon:var(--dark-contact-icon);--online:var(--dark-online);--offline:var(--dark-offine);color-scheme:dark}
User avatar
cabot
Jr. Style Validator
Posts: 984
Joined: Sat Jan 07, 2012 4:16 pm

Re: horizontal/vertical lines?

by karado58 » Fri Sep 15, 2023 2:27 am

Hi Cabot,
Understood, and thank you once again for all your assistance!! :)
User avatar
karado58
Registered User
Posts: 82
Joined: Wed Aug 17, 2005 4:06 pm

Re: horizontal/vertical lines?

by bennybernaer » Sat Nov 25, 2023 7:13 am

First and foremost thank you for this beautiful style..

I have also made these changes. I just placed the changes in a custom.css file.

Image
User avatar
bennybernaer
Registered User
Posts: 724
Joined: Tue Mar 22, 2011 9:53 pm

Re: horizontal/vertical lines?

by bennybernaer » Sat Dec 02, 2023 6:07 pm

I managed to do it on the forum index as in my message above.

But in the portal blocks under the tittles I cannot get a horizontal

Naamloos.png
line
User avatar
bennybernaer
Registered User
Posts: 724
Joined: Tue Mar 22, 2011 9:53 pm

Re: horizontal/vertical lines?

by cabot » Wed Dec 06, 2023 10:59 am

This is to be expected, as the structure is not the same as for the list of forums or topics.
User avatar
cabot
Jr. Style Validator
Posts: 984
Joined: Sat Jan 07, 2012 4:16 pm

Re: horizontal/vertical lines?

by karado58 » Sun Feb 04, 2024 7:18 pm

Hello Cabot,

How to replicate the above instructions, lines/shadow in new updated style?

I played around in light_dark.css and couldn't get it to give that vertical and horizontal shadowy look.

Thank again, Cabot!!
User avatar
karado58
Registered User
Posts: 82
Joined: Wed Aug 17, 2005 4:06 pm

Re: horizontal/vertical lines?

by cabot » Mon Feb 05, 2024 12:00 pm

To avoid having to make the same changes every time you update, I've created a little extension for you.

Unzip this archive and send the folder it contains to the ext/ directory.
dakotanative.zip
(4.84 KiB) Downloaded 18 times
Install the "Customise all styles" extension

This extension loads an additional stylesheet into which you add your changes.
I've taken advantage of this to add a stylesheet for the prosilver Dark Edition.
  • If you want to modify the CSS for prosilver French Edition, do so in dakotanative/customstyles/styles/prosilver_fr/theme/custom_prosilver_fr.css
  • If you want to modify the CSS for prosilver Dark Edition, do so in dakotanative/customstyles/styles/prosilver_dark/theme/custom_prosilver_dark.css
I've already added all the changes you've made in the various support topics for prosilver French Edition and prosilver Dark Edition.

You can now put the two unmodified original styles back, the extension will do the job and you won't have to worry about updates. :)
User avatar
cabot
Jr. Style Validator
Posts: 984
Joined: Sat Jan 07, 2012 4:16 pm

Re: horizontal/vertical lines?

by karado58 » Tue Feb 06, 2024 2:22 am

cabot wrote:To avoid having to make the same changes every time you update, I've created a little extension for you.

Unzip this archive and send the folder it contains to the ext/ directory.
dakotanative.zip
Install the "Customise all styles" extension

This extension loads an additional stylesheet into which you add your changes.
I've taken advantage of this to add a stylesheet for the prosilver Dark Edition.
  • If you want to modify the CSS for prosilver French Edition, do so in dakotanative/customstyles/styles/prosilver_fr/theme/custom_prosilver_fr.css
  • If you want to modify the CSS for prosilver Dark Edition, do so in dakotanative/customstyles/styles/prosilver_dark/theme/custom_prosilver_dark.css
I've already added all the changes you've made in the various support topics for prosilver French Edition and prosilver Dark Edition.

You can now put the two unmodified original styles back, the extension will do the job and you won't have to worry about updates. :)
Working as you mentioned!!!
Looks AWESOME!!!
AMAZING!!!
BRILIANT!!!
You're a coding GENIOUS, Cabot!!!
SIMPLY AMAZING!! :D :D :D :D :D
Thank you Cabot!!!
User avatar
karado58
Registered User
Posts: 82
Joined: Wed Aug 17, 2005 4:06 pm

Re: horizontal/vertical lines?

by cabot » Tue Feb 06, 2024 8:19 am

By the way, you no longer need to make this change in the HTML to display the default dark mode, as the CSS has been modified accordingly in the extension.
User avatar
cabot
Jr. Style Validator
Posts: 984
Joined: Sat Jan 07, 2012 4:16 pm

Re: horizontal/vertical lines?

by bennybernaer » Tue Feb 06, 2024 5:17 pm

Isn't there any way to do this with edited HTML edits as well? The list of edited files is getting longer and longer. I know that my normal use is to use extensions. But I don't have the skills to create extensions.

It would be useful if you could also place each edited HTML in a custom HTML file.

Fortunately, prosilver_fr inherits virtually all html from prosilver, so the edited files are simply in the template folder of prosilver_fr
User avatar
bennybernaer
Registered User
Posts: 724
Joined: Tue Mar 22, 2011 9:53 pm