ฉันจะเพิ่มเส้นขอบรอบ ๆ หน้าต่าง แต่เก็บชุดรูปแบบปัจจุบันได้อย่างไร


24

ฉันดูเหมือนจะใช้ชีวิตของฉันในอาคารผู้โดยสาร - ในความเป็นจริงหลายขั้ว

ฉันชอบชุดรูปแบบ Ambiance - แต่หน้าต่างแบบไร้ขอบใหม่ไม่ได้ให้ความแตกต่างทางภาพที่ฉันคุ้นเคย

ป้อนคำอธิบายรูปภาพที่นี่

ดังนั้นสำหรับคำถามของฉัน - ฉันจะเพิ่มเส้นขอบพิกเซลเดี่ยวสำหรับหน้าต่างที่พบใน Ubuntu รุ่นก่อนหน้าได้อย่างไร

ฉันต้องการเก็บธีมโดยรวมของ Ambiance ไว้เพราะสิ่งนี้ดูดีและฉันไม่ต้องการเปลี่ยนไปใช้ธีมอื่น

ป้อนคำอธิบายรูปภาพที่นี่


ตอนนี้ฉันรู้แล้วว่าฉันสามารถปรับเปลี่ยนชุดรูปแบบของ Ambiance Ubuntu ได้ดังต่อไปนี้:

mkdir ~/.themes
cp -r /usr/share/themes/Ambiance .themes

จากนั้นพลิกระหว่างตัวเลือกชุดรูปแบบในการตั้งค่า - รูปลักษณ์จะรับการเปลี่ยนแปลงในชุดรูปแบบในตอนนี้ในโฟลเดอร์. theme

ฉันคิดว่าฉันต้องแก้ไขไฟล์. css อันใดอันหนึ่ง แต่ไม่รู้ว่าอันไหน

ฉันยังดูคำถามและคำตอบนี้ด้วยแต่วิธีแก้ปัญหานั้นใช้ไม่ได้กับ 14.04 ฉันดูวิกิของชุมชนด้วยแต่ฉันก็ไม่ได้ลองคิดดูว่าสถานการณ์ใดที่เหมาะกับฉัน

คำตอบ:


20

ไฟล์นี้คือ /usr/share/themes/Ambiance/gtk-3.0/apps/unity.css

change
      -UnityDecoration-extents: 28px 0 0 0;
to
      -UnityDecoration-extents: 28px 1px 1px 1px;

ออกจากระบบและกลับเข้าสู่ระบบและดูผลการเปลี่ยนแปลง

ดังนั้นในสำเนาเครื่องของคุณให้ใช้ "1px 1px 1px;" การเปลี่ยนแปลงในไฟล์~/.themes/Ambiance/gtk-3.0/apps/unity.css

สนุก! :)


2
อัจฉริยะ - ไชโย!
fossfreedom

2
เพิ่มคำตอบ Anders' หลังจากที่คุณแก้ไข/usr/share/themes/Ambiance/gtk-3.0/apps/unity.cssชุด-UnityDecoration-extents: 28px 1px 1px 1px;คุณสามารถทำให้ผลการเปลี่ยนแปลงใช้เวลาในเซสชั่นปัจจุบันโดยการเปิด 'ลักษณะ' app เปลี่ยนรูปแบบเพื่อผิวกระจ่างใสและกลับมาอีกครั้งเพื่อAmbiance ไม่จำเป็นต้องออกจากระบบ / ลงชื่อเข้าใช้อีกครั้ง
AlejandroVD

ไม่สามารถใช้งานได้กับ Ubuntu 15.04 - ความคิดใด ๆ (ชายแดนอยู่แม้เดียวกันเมื่อมีการสลับระหว่างรูปแบบ)
laktak

ฉันใช้ Metback fallback (สำหรับเหตุผลอื่น ๆ ) และพบคำตอบของฉันที่นี่ : สำหรับ metacity ให้แก้ไขmetacity-1/metacity-theme-1.xmlแทน
Reinier Post

ฉันต้องเพิ่มเพิ่มเติมสีพื้นหลังและภาพพื้นหลัง: ไม่มี ฉันทำสิ่งนี้ใน / usr/share/themes/Ambiance/gtk-3.0/apps/gnome-terminal.css และใช้ UnityDecoration {-UnityDecoration-extents: 28px 1px 1px 1px 1px; พื้นหลังสี: #fff; ภาพพื้นหลัง: ไม่มี; }
Matt DiMeo

10

โปรดทราบว่าการเปลี่ยนแปลงทั้งหมดที่คนอื่นแนะนำว่าเกี่ยวข้องกับการแก้ไขไฟล์ระบบ/usr/share/themes/Ambiance/gtk-3.0/apps/unity.cssสามารถทำได้โดยไม่ต้องแก้ไขดังกล่าว เพียงแค่ใส่การเปลี่ยนแปลงที่ต้องการลงในไฟล์ของคุณเอง (ซึ่งคุณสร้าง) ~/.config/gtk-3.0/gtk.cssซึ่งจะมีความสำคัญเหนือกว่าไฟล์ระบบ

ตัวอย่างเนื้อหา (เช่นไฟล์ทั้งหมด ~/.config/gtk-3.0/gtk.css ) ...

/* Decorations */
UnityDecoration {
    -UnityDecoration-extents: 28px 1px 1px 1px;
}

... คุณอาจต้องออกจากระบบและลงชื่อเข้าใช้ใหม่เพื่อให้การดำเนินการนี้มีผล

นอกจากนี้โปรดทราบว่าหากหน้าต่างเทอร์มินัลเปิดอย่างน้อยสองแท็บแล้ว Ambiance (หรือ Unity?) จะวางขอบหนาปานกลางรอบ ๆ เทอร์มินัล ( ctrl- shift- tเปิดแท็บอื่น)


2
เนื่องจากคำตอบถูกเลื่อนขึ้นและลงในรายการด้านล่างคำถามเพียงแค่พูดอะไรบางอย่างบนบรรทัด "ทั้งหมดข้างต้น" อาจทำให้สับสน บางทีการเชื่อมโยงกับคำตอบเฉพาะที่ดีที่สุดเช่น @tomeone ที่ @someone จัดหาให้มีความเฉพาะเจาะจงมากกว่า
เกรแฮม

2
@ Graham นี่เป็นสิ่งที่ดีกว่า แต่สำหรับการพิจารณาอันดับที่สองผู้คนเปลี่ยนชื่อผู้ใช้ของพวกเขาด้วย ดังนั้นฉันขอแนะนำให้เชื่อมโยงด้วยเมื่อพูดถึงคำตอบ ( ลิงก์แชร์ใต้แต่ละโพสต์ทำให้เป็นเรื่องง่าย)
Eliah Kagan

2
นี่เป็นวิธีที่เหมาะสมที่จะทำ! โซลูชันอื่น ๆ ไม่สามารถรักษาได้
Reinier โพสต์

ตอนนี้ถ้ามันจะทำอะไรก็ได้ :-(
Reinier Post

@ReinierPost ฉันไม่แน่ใจว่าความคิดเห็นของคุณถูกส่งไปที่ใดและมันแปลว่าอะไร แต่มันได้ผลกับฉันและทำงานต่อไป
Russ Lyons

6

สร้างคำตอบของ Anders หากคุณต้องการให้เส้นสีเข้มที่ดีละเอียดอ่อนแทนที่จะเป็นเส้นสว่าง / ไล่ระดับสีที่น่าเกลียด (เนื่องจากคุณสามารถใช้การไล่ระดับสีไม่ได้แปลว่าคุณควร Ubuntu!) ให้แก้ไข/usr/share/themes/Ambiance/gtk-3.0/apps/unity.cssดังนี้:

ตั้งค่าขอบเขต UnityDecoration เช่นในคำตอบของ Anders:

-UnityDecoration-extents: 28px 1px 1px 1px;

เปลี่ยนเป็นbackground-imageเป็นnoneซ้าย / ขวาและเปลี่ยนเฉดสีพื้นหลังจาก 0.7 เป็น 0.4 ในซ้าย / ขวาและล่าง:

UnityDecoration.left,
UnityDecoration.right {
    background-color: shade (@bg_color, 0.4);
    background-size: 1px 70px;
    background-repeat: repeat-x;
    background-image: none;
}

UnityDecoration.left:backdrop,
UnityDecoration.right:backdrop {
    /* start color: mix of the top border color and bg-image gradient end */
    background-color: shade (@bg_color, 0.4);
    background-image: none;
}

UnityDecoration.bottom {
    background-image: none;
    background-color: shade (@bg_color, 0.4);
}

เลือกปรับ 0.4 ตามความต้องการของคุณ

หลังจากที่คุณเปลี่ยนไฟล์คุณสามารถออกจากระบบและเข้าสู่ระบบอีกครั้งหรือเพียงเปิดกล่องโต้ตอบลักษณะที่ปรากฏและเปลี่ยนชุดรูปแบบจากนั้นกลับไปที่บรรยากาศ

นี่คือผลลัพธ์ (อาจต้องดูที่ 100%เพื่อดูเส้นขอบมันหนาเพียง 1px):

พรมแดนของ Ubuntu Ambience Theme


ลิงก์ไปยังคำตอบสำหรับพรมแดนใน17.10/ 18.04- askubuntu.com/a/1135363/159633
Jeff Ward

5

คำแนะนำของฉันคือให้คุณพิจารณาออกจากโฟลเดอร์เริ่มต้น / usrshare / themes / Ambiance ตามที่เป็นอยู่ (สำหรับการอ้างอิงในอนาคตในกรณีที่คุณปิดบังมันโดยไม่ตั้งใจ)

Gtk3 ดูเหมือนจะใช้ชื่อของธีมตามชื่อของไดเรกทอรี ดังนั้นควรคัดลอก / usr / share / themes / Ambiance ไปยังชื่ออื่นเช่น / usr / share / themes / MyAmbiance และสร้างชุดรูปแบบส่วนตัวของคุณที่นั่น

หากคุณต้องการรุ่นสำหรับผู้ใช้คุณสามารถคัดลอกชุดรูปแบบไปที่ ~ / .themes และให้รุ่นที่คุณต้องการเข้าถึงได้


4

ฉันเลือกคำตอบของRuss Lyons และต้องการแสดงให้เห็นว่ามันทำงานอย่างไรสำหรับฉัน ( Ubuntu 16.04 )

ฉันทิ้งไฟล์ธีมดั้งเดิมไว้ที่ด้านล่าง/usr/share/themes/Ambianceและไม่ได้เปลี่ยนแปลงอะไรเลย ฉันยอมรับว่าการเปลี่ยนไฟล์ระบบเป็นความคิดที่ไม่ดีเสมอด้วยเหตุผลหลายประการ

ฉันสร้าง~/.config/gtk-3.0/gtk.cssด้วยเนื้อหาต่อไปนี้:

/* Decorations */
UnityDecoration {
    -UnityDecoration-extents: 28px 1px 1px 1px;
}

ไม่มีอะไรอีกแล้ว.

หลังจากออกจากระบบ - เข้าสู่ระบบฉันมีเส้นขอบเล็ก ๆ รอบ ๆ หน้าต่างเทอร์มินัลของฉัน


ขอบคุณสำหรับการชี้แจงโพสต์ของ @RussLyons ด้วยตัวอย่างที่ชัดเจนยิ่งขึ้น ฉันส่งข้อมูลของคุณไปยังคำตอบของเขาและมอบความช่วยเหลือที่คุณขาดซึ่งเป็นคำตอบดั้งเดิมของ RussLyons
phonetagger

3

คุณชอบเส้นขอบสีหรือไม่

 ป้อนคำอธิบายรูปภาพที่นี่


  • แก้ไข/usr/share/themes/Ambiance/gtk-3.0/apps/unity.cssไฟล์และ
  • แสดงความคิดเห็นbackground-colorมูลค่าปัจจุบัน( /* shade (@bg_color, 0.7); */)
  • จากนั้นเปลี่ยนเป็นbackground-colorสีโปรดของคุณ (สีพร้อมรหัสฐานสิบหก ) ที่
    ด้านล่างซ้ายและขวา (ของฉันคือ#ff0080):
    UnityDecoration.bottom {
        ภาพพื้นหลัง: ไม่มี;
        สีพื้นหลัง: # ff0080; / * เฉดสี (@bg_color, 0.7); * /
    }

    UnityDecoration.left,
    UnityDecoration.right {
        สีพื้นหลัง: # ff0080; / * เฉดสี (@bg_color, 0.7); * /
        ...
  • บันทึกไฟล์และออกจากระบบ / กลับเข้าสู่ระบบและดู magix
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.