とりあえず実装、明日動作チェックして挙動確認

components/ActionSheetComponents/EachTrainInfoCore.js

@@ -392,6 +392,7 @@ export const EachTrainInfoCore = ({
         containerProps={{
           style: {
             maxHeight: isLandscape ? height - 94 : (height / 100) * 70,
+            backgroundColor:getTrainType(customTrainDataDetector(data.trainNum, allCustomTrainData).type).data === "notService" ? "#868686ff" :"white"
           },
         }}
         shortHeader={
@@ -422,6 +423,7 @@ export const EachTrainInfoCore = ({
           />
         }
       >
+        {getTrainType(customTrainDataDetector(data.trainNum, allCustomTrainData).type).data === "notService" &&<Text>この列車には乗車できません。</Text>}
         {headStation.length != 0 &&
           headStation.map((i, index) =>
             showHeadStation.findIndex((d) => d == index) == -1 ? (
@@ -494,7 +496,7 @@ export const EachTrainInfoCore = ({
             />
           )
         )}
-        <Text>背景が緑色、時刻が斜体になっている時刻はコミュニティで追加されている独自データです。</Text>
+        <Text style={{backgroundColor:"#ffffffc2"}}>背景が緑色、時刻が斜体になっている時刻はコミュニティで追加されている独自データです。</Text>
         {tailStation.length != 0 &&
           tailStation.map(({ station, dia }, index) =>
             showTailStation.findIndex((d) => d == index) == -1 ? (
@@ -535,6 +537,7 @@ export const EachTrainInfoCore = ({
               flexDirection: "row",
               borderBottomWidth: 1,
               borderBottomColor: "#f0f0f0",
+              backgroundColor:"#ffffffc2",
               flex: 1,
             }}
           >